适用于柱状图,当柱高不够时点击阴影也可获取到当前这个柱子的数据
clickChart(v) {
const that = this
v.getZr().off('click')
v.getZr().on('mousemove', param => {
var pointInPixel = [param.offsetX, param.offsetY]
if (v.containPixel('grid', pointInPixel)) {
v.getZr().setCursorStyle('pointer')
} else {
v.getZr().setCursorStyle('default')
}
})
v.getZr().on('click', (params) => {
const pointInPixel = [params.offsetX, params.offsetY]
const pointInGrid = v.convertFromPixel({ seriesIndex: 0 }, pointInPixel)
const op = v.getOption()
const name = op.xAxis[0].data[pointInGrid[0]]
if (v.containPixel('grid', pointInPixel)) {
}
})
},
适用于折线图,点击当前的点(如果是柱状图必须点击实际的柱子,点击阴影无效)
v.on('click', (params) => {
console.log(params)
})
折线和柱子在一个图表的话,就自己舍取,或者面向百度编程。暂时还没遇到过,后面遇到了有更好的解决方法的话就分享