Echarts折线图默认不显示数据圆点,鼠标hover时折线图上才显示圆点

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边框宽度
        }
      },
      ......
    }
  ]
};

效果如下:

非hover状态:

Echarts折线图默认不显示数据圆点,鼠标hover时折线图上才显示圆点_第1张图片

hover状态:

Echarts折线图默认不显示数据圆点,鼠标hover时折线图上才显示圆点_第2张图片 

 

你可能感兴趣的:(ECharts,echarts,javascript,前端)