echarts 获取点击的y轴数值_ECharts关系图
时间: 2023-10-27 21:13:47 浏览: 55
要获取点击的y轴数值,可以通过ECharts的事件监听机制来实现。具体步骤如下:
1. 在ECharts的配置中定义一个事件处理函数,用于处理点击事件。
2. 使用ECharts提供的 on() 方法,为图表添加点击事件监听器。
3. 在事件处理函数中,通过事件对象 e 获取到点击的数据项的索引,然后通过 ECharts 提供的 API 方法 getOption() 获取到当前的图表配置项。
4. 在配置项中找到对应的数据系列,然后通过数据系列的索引和数据项的索引获取到点击的数据项的值。
下面是一个示例代码:
```javascript
// ECharts 配置
var option = {
// ...
series: [{
type: 'graph',
// ...
data: [
{ name: '节点1', value: 100 },
{ name: '节点2', value: 200 },
// ...
],
// ...
}],
// ...
};
// 添加点击事件监听器
myChart.on('click', function (e) {
// 获取点击的数据项索引
var dataIndex = e.dataIndex;
// 获取当前的图表配置项
var option = myChart.getOption();
// 获取数据系列
var series = option.series[0];
// 获取点击的数据项
var dataItem = series.data[dataIndex];
// 获取数据项的值
var value = dataItem.value;
// 输出值
console.log(value);
});
```