需求: ECharts 柱狀圖,鼠標(biāo)放在上面的時候會虛線顯示 Y 軸高度,可是我的柱狀圖是統(tǒng)計人數(shù)的,出現(xiàn) 1.5,3.5 這樣的數(shù)字是不合理的,最后想到的解決辦法就是不顯示 Y 軸虛線,這樣不會影響功能,而且懸浮框里面已經(jīng)顯示了 X 軸選中的高度。
ECharts 功能是很強大,但是官網(wǎng)對這些顯示的配置總是不能一目了然,自己查詢文檔,最后找到了 tooltip 里面的 axisPointer 里面的 type 屬性,修改它的值可以讓 Y 軸虛線不顯示,代碼如下:
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
}
}
},
修改后:
trigger: 'axis',
axisPointer: {
type: 'shadow',
crossStyle: {
color: '#999'
}
}
},