Vue3中使用Apache ECharts移除折线末端圆点的方法

你提到的series-line.symbol配置确实是解决这个问题的关键。ECharts折线图默认会给数据点添加圆形标记（包括末端点），只需在折线系列配置中修改symbol属性即可移除圆点：

1. 在你的line配置对象中添加symbol: 'none'，这会直接隐藏所有数据点标记：

const line: any = {
  type: 'line',
  data: this.store,
  yAxisIndex: 0,
  symbol: 'none', // 隐藏所有数据点标记
}

2. （可选）如果担心还有残留，可以额外添加symbolSize: 0来确保标记点大小为0：

const line: any = {
  type: 'line',
  data: this.store,
  yAxisIndex: 0,
  symbol: 'none',
  symbolSize: 0, // 确保标记点大小为0
}

修改后的配置会让折线图不再显示包括末端在内的任何圆点标记。

内容的提问来源于stack exchange，提问作者forzeeh