Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 海图提示?如何向Hichcharts DOM组件添加类或id?_Javascript_Jquery_Html_Highcharts - Fatal编程技术网

Javascript 海图提示?如何向Hichcharts DOM组件添加类或id?

Javascript 海图提示?如何向Hichcharts DOM组件添加类或id?,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,我想: 当xAxis标题悬停时显示工具提示 选择/取消选择图例元素时,触发器起作用 当在rect html元素上触发单击时,触发器起作用 每列只显示一个数据标签 对于我的前两个目标,我还没有在Highcharts API参考中找到我要搜索的内容。 实际上,我使用Jquery选择器$(“#图形span:eq(0)”)(启用Highcharts选项useHTML)来选择我需要的所有图例元素,使用选择器$(“#图形tspan:eq(0)”)来选择xAxis标题。 我想知道是否有一个本地的Highc

我想:

  • 当xAxis标题悬停时显示工具提示
  • 选择/取消选择图例元素时,触发器起作用
  • 当在rect html元素上触发单击时,触发器起作用
  • 每列只显示一个数据标签
对于我的前两个目标,我还没有在Highcharts API参考中找到我要搜索的内容。 实际上,我使用Jquery选择器
$(“#图形span:eq(0)”)
(启用Highcharts选项useHTML)来选择我需要的所有图例元素,使用选择器
$(“#图形tspan:eq(0)”)
来选择xAxis标题。 我想知道是否有一个本地的Highcharts解决方案来做我想做的事情。如果没有,无论是否有解决方案,如何向Highcharts DOM组件添加id或类?在很多其他情况下,它会帮助我

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

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

有一个我使用的图表示例:


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

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

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

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

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

选择/取消选择图例元素时触发功能。

你能赶上

当在rect html元素上触发单击时,触发器将起作用。

我猜你指的是专栏,如果是的话,你能抓住

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


我猜你的意思是,对吗?

看看这个,我5分钟前刚刚问了另一个问题,谢谢Rachel!但在你的例子中,我看到的是一个一次性的工具提示,而不是数据标签,这在HighChart中是不同的。我可以为你找到一个这样的例子。我仍然认为我应该得到一票。看看这个我正在搜索“答案选项卡”:>只显示一个数据标签对不起,我不够精确,我实际上是在尝试对堆叠列执行此操作。默认情况下,每个列部分打印一个datalabels。通过tooltip.shared选项,我可以在每个堆叠列中仅显示一个工具提示。如何为datalabels执行此操作?>在选择/取消选择图例元素时触发函数,因此,对于堆叠列,我应该为堆叠列的每个部分调用相同的函数?有没有更通用的方法?谢谢您的回答!>触发功能当选择/取消选择图例元素时,是否有方法触发显示或不显示图表部分的事件(当我们单击图例元素时),而不启用图例?>当图例-so系列应消失但不在图例中“着色”时触发功能,对吗?不,我宁愿完全抑制图例,同时保留使用随附所有事件的可能性。
 plotOptions: {
        series: {
            events: {
                legendItemClick: function () {
                    alert('action');
                }
            }
        }
    },
plotOptions: {
        series: {
            point: {
                events: {
                    click: function () {
                        alert('Category: ' + this.category + ', value: ' + this.y);
                    }
                }
            }
        }
    },