echarts图表之去掉折线图的折点圆圈，实测有效

最新推荐文章于 2026-05-30 12:38:35 发布

原创最新推荐文章于 2026-05-30 12:38:35 发布 · 2.8w 阅读

9 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Ëecharts图表教程

当前文章被收录于：

Ëecharts图表教程

11 篇文章 2 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何在ECharts中创建平滑的折线图，并取消显示折点上的圆圈符号，通过调整symbol属性为'none'实现更简洁的图表样式。

关键属性：symbol: 'none',

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',

        symbol: 'none',  //取消折点圆圈

        smooth: true
    }]
};

效果对比：

去掉前：