Echarts折线图默认不显示数据圆点,鼠标hover时折线图上才显示圆点
【代码】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状态:
hover状态:
更多推荐
所有评论(0)