echarts-折线图不显示圆点只显示值

最新推荐文章于 2025-06-25 15:23:35 发布

原创最新推荐文章于 2025-06-25 15:23:35 发布 · 8.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

echarts 专栏收录该内容

18 篇文章

订阅专栏

通常设置symbol:"none"来去除圆点，但这种写法会导致折线图的值不能正常显示了，可以通过symbolSize:0来关闭点保留值，下方代码可直接运行在https://echarts.apache.org/examples/zh/editor.html?c=line-simple

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line',
      symbol:"circle",
      symbolSize:0,
      label: {
        show: true,
        position: 'top'
      }
    }
  ]
};