highcharts点击事件获取点击点的值

最新推荐文章于 2023-08-01 14:23:05 发布

原创最新推荐文章于 2023-08-01 14:23:05 发布 · 1.3w 阅读

2 ·

CC 4.0 BY-SA版权

highcharts 同时被 2 个专栏收录

1 篇文章

订阅专栏

点击事件

1 篇文章

订阅专栏

本文通过示例代码详细介绍了如何使用Highcharts库处理图表点击事件，并解释了如何获取被点击的数据点信息，如x轴和y轴的值。此外还提供了进一步探索Highcharts高级特性的链接。

还是直接来段代码吧。

chart = new Highcharts.Chart({
	plotOptions: {
		series: {
			cursor: 'pointer',
			events: {
				click: function(e) {
					alert(e.point.category);
				}
			}
		}
	},

从代码中可以看出e.point就是点击事件所获得的点击点的对象。category是对应的x轴的值，也可以获得y轴对应的值等。

当然，如果需要更复杂的操作，可以参考API的复杂功能：http://www.highcharts.com/demo/line-ajax