Highchart点击图形绑定事件

最新推荐文章于 2022-11-14 14:45:31 发布

ai_feng123

最新推荐文章于 2022-11-14 14:45:31 发布

阅读量894

点赞数

本文链接：https://blog.csdn.net/ai_feng123/article/details/81807977

版权

本文介绍如何在Highcharts中为H1柱型图的点击事件绑定功能，以便在点击后显示或隐藏H2图形。通过JavaScript实现点击事件处理，包括Ajax调用、条件判断以及DOM元素的显示和隐藏控制。

摘要由CSDN通过智能技术生成

点击highchart H1柱型绑定事件，显示其他的highchart H2图形，但是想要隐藏H2图形是一个问题，于是我仿照网上的逻辑进行修改，代码如下：

var onclickDelect = true;

$('#ShowTeamChart').highcharts({

series: {
                    cursor: 'pointer',
                    events: {
                        click: function (event) {
                            TeamName = event.point.category;
                            if (this.name == "onGoing" || this.name == "Tracking" || this.name == "Closed"{
                                if (onclick == true) {
                                    $.ajax({
                                        type: "Post",
                                        url:跳转action 路径，