本文将介绍ECharts绘制平滑折线图。 您可以通过series:[{smooth:true}]启用平滑曲线。
smooth表示是否显示平滑曲线。 如果是boolean类型,则表示是否开启平滑。 如果是数字类型(取值范围为0到1),则表示平滑程度,值越小echarts画环形曲线,越接近折线段,反之亦然。 当设置为true时echarts画环形曲线,相当于设置为0.5。
完整的示例代码如下:
ECharts3 学习 var myChart = echarts.init(document.getElementById('main')); myChart.setOption({ xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320], type: 'line', // 是否开启平滑曲线 smooth: true }] });
疗效图如下:
发表评论