The Echarts line chart does not display data dots by default, and the dots are displayed on the line chart only when the mouse hovers

option = {
  ......
  tooltip: {
      trigger: 'axis',
  },
  series: [
    {
      symbol: 'circle',
      symbolSize: 5,
      showSymbol: false, // 只有在 tooltip hover 的时候显示symbol
      itemStyle: { // symbol样式
        normal: {
          color: 'rgb(255, 255, 255)',
          borderColor: 'rgba(255, 255, 255, 0.2)', // symbol边框颜色
          borderWidth: 12 // symbol边框宽度
        }
      },
      ......
    }
  ]
};

The effect is as follows:

Non-hover state:

hover state:

 

 

Guess you like

Origin blog.csdn.net/u010234868/article/details/131476834