配置项如下
var option = {
legend: {},
tooltip: {
trigger: 'axis',
showContent: false
},
dataset: {
source: [
['product', '2012', '2013', '2014', '2015', '2016', '2017'],
['Matcha Latte', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7],
['Milk Tea', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1],
['Cheese Cocoa', 24.1, 67.2, 79.5, 86.4, 65.2, 82.5],
['Walnut Brownie', 55.2, 67.1, 69.2, 72.4, 53.9, 39.1]
]
},
xAxis: {type: 'category'},
yAxis: {gridIndex: 0},
grid: {top: '55%'},
series: [
{type: 'line', smooth: true, seriesLayoutBy: 'row'}
]
};
setTimeout(function () {
myChart.on('updateAxisPointer', function (params) {
var xAxisInfo = params.axesInfo[0];
if (!xAxisInfo) {
return;
}
var xValue = xAxisInfo.value;
var xPixelCoord = myChart.convertToPixel({
xAxisIndex: 0
}, xValue);
console.log(xPixelCoord);
});
}, 0);