本文主要是介绍echarts option series smooth，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
echarts option series smooth 平滑处理
==
smooth：0.3
==
echarts_04_line.html
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title></title>
</head><body><div id="box" style="width: 1000px; height: 500px; background-color: pink;"></div><script type="text/javascript" src="echarts.min.js"></script><script>/*-------------------------- +http://127.0.0.1:7070/PrjJsp/echarts/echarts_04_line.html+-------------------------- */var myChart = echarts.init(document.getElementById("box"));// option 里面的内容基本涵盖你要画的图表的所有内容var option ={// 定义样式和数据backgroundColor : '#FBFBFB',tooltip :{trigger : 'axis'},legend :{data :['充值', '消费']},calculable : true,xAxis :[{axisLabel :{rotate : 30,interval : 0},axisLine :{lineStyle :{color : 'red'}},type : 'category',boundaryGap : false,data : function(){var list = [];for ( var i = 10; i < 18; i++){if (i <= 12){list.push('2016-' + i + '-01');}else{list.push('2017-' + (i - 12) + '-01');}}return list;}()}],yAxis :[{type : 'value',axisLine :{lineStyle :{color : '#CECECE'}}}],series :[{name : '充值',type : 'line',symbol : 'none',smooth : 0.3,color :['#66AEDE'],data :[800, 300, 500, 800, 300, 600, 500, 600]},{name : '消费',type : 'line',symbol : 'none',smooth : 0.3,color :['#90EC7D'],data :[600, 300, 400, 200, 300, 300, 200, 400]}]};// 一定不要忘了这个，具体是干啥的我忘了，官网是这样写的使用刚指定的配置项和数据显示图表。 myChart.setOption(option);</script>
</body></html>这篇关于echarts option series smooth的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
