javascript - Highcharts 提示？如何向 Hichcharts DOM 组件添加类或 id？

Question

我想要:

• 当 xAxis 标题悬停时显示工具提示。
• 选择/取消选择图例元素时触发函数。
• 当点击矩形 html 元素时触发函数。
• 每列仅显示一个数据标签。

对于我的第两个目标，我尚未在 Highcharts API 引用中找到我要搜索的内容。实际上，我正在使用 Jquery 选择器 $("#graph span:eq(0)") (启用 Highcharts 选项 useHTML)来选择我需要的所有图例元素，以及选择器 $("#graph tspan:eq(0)") 用于 xAxis 标题。我想知道是否有一个原生的 Highcharts 解决方案可以完成我想做的事情。如果没有，无论是否有解决方案，如何向 Highcharts DOM 组件添加 id 或类？在许多其他情况下它会对我有所帮助。

对于第三个目标，我一直在使用 Highchart 点击事件。但我的专栏的所有不同部分都是独立考虑的。这就是为什么我考虑使用与上面相同的技巧。

对于最后一个，我想显示一列的总计，但只显示一次。

有一个我用来工作的图表示例:https://jsfiddle.net/BluePampa/L2b04cfk/

我可以用这些 Jquery 技巧做我想做的事，但我想知道是否有一些正确的方法来做到这一点。我也对任何可以帮助我的信息/提示感兴趣。

Answer 1

当 xAxis 标题悬停时显示工具提示。

您可以使用自定义事件扩展，它允许捕获 xAxis 标签上的事件。然后找到“具有相同x”的当前点，循环遍历系列/点。下一步是刷新工具提示。

简单演示如何显示工具提示

chart.tooltip.refresh(chart.series[1].points[2]);

选择/取消选择图例元素时触发函数。

你可以捕获legendItemClick .

 plotOptions: {
        series: {
            events: {
                legendItemClick: function () {
                    alert('action');
                }
            }
        }
    },

在矩形 html 元素上触发点击时触发函数。

我猜你指的是专栏，如果是的话你可以捕获 point.events.click .

plotOptions: {
        series: {
            point: {
                events: {
                    click: function () {
                        alert('Category: ' + this.category + ', value: ' + this.y);
                    }
                }
            }
        }
    },

每列仅显示一个数据标签。

我猜你的意思是stackLabels ，正确吗？