Highcharts提示？如何向Hichcharts DOM组件添加类或ID？-Java 学习之路

我想要：

悬停xAxis Headers 时显示工具提示 .
选择/取消选择图例元素时的触发功能 .
在rect html元素上触发单击时触发器功能 .
每列只显示一个dataLabel .

对于我的两个第一个目标，我使用Jquery选择器 $("#graph span:eq(0)") （使用Highcharts选项useHTML）来选择我需要的所有图例元素，以及选择器 $("#graph tspan:eq(0)") 用于xAxis Headers . 我想知道是否有一个原生的Highcharts解决方案来做我想做的事情 . 如果没有，是否有解决方案，我如何向Highcharts DOM组件添加id或类？在许多其他情况下，这对我有帮助 .

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

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

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

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

1 回答

1
Display a tooltip when an xAxis title is hovered.

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

简单演示如何显示工具提示
```
chart.tooltip.refresh(chart.series[1].points[2]);
```
Trigger functions when a legend element is selected/unselected.

你可以 grab legendItemClick .
```
plotOptions: {
        series: {
            events: {
                legendItemClick: function () {
                    alert('action');
                }
            }
        }
    },
```
Trigger functions when a click is triggered on a rect html element.

我想你的意思是专栏，如果是的话，你可以 grab point.events.click .
```
plotOptions: {
        series: {
            point: {
                events: {
                    click: function () {
                        alert('Category: ' + this.category + ', value: ' + this.y);
                    }
                }
            }
        }
    },
```
Display just one dataLabel per column.

我想你的意思是stackLabels，对吗？
回复于 2024-05-17T11:14:20+08:00

Highcharts提示？如何向Hichcharts DOM组件添加类或ID？

1 回答

相关问题