开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >echarts教程（一）：如何使echarts折线图连线平滑

echarts教程（一）：如何使echarts折线图连线平滑

作者头像

拿我格子衫来

发布于 2022-01-24 11:34:22

发布于 2022-01-24 11:34:22

2.6K0

举报

文章被收录于专栏：TopFETopFE

只需要在series中添加 smooth: true

完整示例代码

option = {
    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
    }]
};

关键词 smooth 还有其他的值

当type为line时 smooth 表示是否平滑曲线显示。

如果是 boolean 类型，则表示是否开启平滑处理。如果是 number 类型（取值范围 0 到 1），表示平滑程度，越小表示越接近折线段，反之则反。设为 true 时相当于设为 0.5。

如果需要修改平滑算法，请参考 smoothMonotone。

设置为1

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除