以下是一个简单的示例,演示如何监听 'updateAxisPointer' 事件来获取坐标轴指示器的 value 和状态:
// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('yourChartId'));
// 配置项
var option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E'],
axisPointer: {
type: 'shadow'
}
},
yAxis: {
type: 'value'
},
series: [
{
type: 'bar',
data: [10, 20, 15, 25, 30]
}
]
};
// 将配置项设置给 ECharts 实例
myChart.setOption(option);
// 监听 'updateAxisPointer' 事件
myChart.on('updateAxisPointer', function (event) {
// event 包含了指示器的信息,例如 value、status 等
console.log('AxisPointer Value:', event.value);
console.log('AxisPointer Status:', event.status);
});
在上面的示例中,当坐标轴指示器更新时,监听器会打印指示器的 value 和 status 信息到控制台。你可以根据实际需求,将这些信息用于你的业务逻辑。
请注意,为了运行以上代码,确保你已经引入了 ECharts 库,并在页面中创建了一个具有唯一标识符(例如 yourChartId)的容器用于渲染图表。
转载请注明出处:http://www.zyzy.cn/article/detail/5191/ECharts