highchart点击事件没反应

Posted 2023-03-19

tooltip:
usehtml: true,
formatter: function()
return '<div>' + this.point.date
+ '<br\><span>$' + this.y
+ '</span><br\><button onclick="testAlert()">test test test</button></div>';
,
,

function testAlert()
alert('test');
;
mor*_*ree 6

将工具提示的指针事件属性更改为'auto'。

tooltip:
// pointFormat: '<div>point.date<br\>point.air<br\>$point.y</div><button>test</button>',
useHTML: true,
formatter: function()
return '<div>'+this.point.date+'<br\>'+this.point.air+'<br\><span>$'+this.y+'</span><br\><a href="http://www.w3schools.com">testtesttest</a></div>';
,
style:
pointerEvents: 'auto'

,
现场例子
http://jsfiddle.net/emzmvth4/1/

归档时间：

5 年，9 月 前

查看次数：

772 次

最近记录：

5 年，9 月 前

相关归档
使用jQuery获取类名 578
jQuery复选框更改并单击事件 528
HTML5本地存储与会话存储 527
解析JSON给出"意外令牌o"错误 434
如何检查可见DOM中是否存在元素？ 377
理解Object.create()和new SomeFunction()之间的区别 372
从字符串中提取("获取")一个数字 325
Highcharts如何更改x轴选项 8
x轴tickInterval在highstock图表中无法正常工作 5
在R shiny/rcharts中渲染后添加highcharts plotband 3
难疑归档
package.json中的波浪号(〜)和插入符号(^)有什么区别？ 3111
不区分大小写'包含(字符串)' 2785
是否有标准函数来检查javascript中的null,undefined或blank变量？ 2088
如何更改一个特定提交的提交作者？ 1949
StringBuilder和StringBuffer之间的区别 1510
尝试抓住加速我的代码？ 1463
每个'循环的Java'如何工作？ 1446
php中的startsWith()和endsWith()函数 1409
MVC和MVVM有什么区别？ 1275 参考技术A highchart点击事件没反应？
答案如下：代码和设置出现错误导致！首先第一步先点击打开设置按钮，然后帐户管理在页面点击账号安全中心进入即可完成！

如何修改highcharts图例项点击事件？

【中文标题】如何修改highcharts图例项点击事件？

【英文标题】：How to modify highcharts legend item click event?

【发布时间】：2012-05-23 05:07:43

【问题描述】：

我需要修改 highcharts 图例项的点击事件。 Highcharts 演示 http://www.highcharts.com/demo/line-basic 。我想要例如：第一个动作将是一些警报，第二个动作将是默认动作（从图表中清除东京线）。谢谢。对不起，如果问题不干净。

【问题讨论】：

highcharts 有一个很棒的文档，其中包含 jsfiddle 示例，我确定您正在寻找的就是：highcharts.com/ref

上述更新的链接不再起作用。 api.highcharts.com/…

【参考方案1】：

你必须像下面的代码一样使用legendItemClick回调

plotOptions: 
        line: 

           events: 
                legendItemClick: function () 
                   alert('I am an alert');
                   //return false; 
                   // <== returning false will cancel the default action
                    
                
            ,
            showInLegend: true
        
    

这里是working fiddle，当您点击东京等图例然后隐藏东京线时会显示警报。

另请参阅plotOptions documentation 了解相关事件。根据您使用的图表类型，您需要放置的位置可能会有所不同。

【讨论】：

是的，就是这个！！感谢您的准确回答：）

禁用图例操作：legendItemClick: function (e) e.preventDefault()

有谁知道在禁用点击后如何将光标更改为图例上的默认值？

找到它：legend:itemStyle:

看来，那个 API 已经改变了，如果这个例子不适合你，请看下面 Tony 的回答。

【参考方案2】：

对我来说，legendItemClick 事件必须是针对系列的，而不是针对线的。例如：

plotOptions: 
        series: 
            events: 
                legendItemClick: function(event) 
                    var visibility = this.visible ? 'visible' : 'hidden';
                    if (!confirm('The series is currently '+ 
                                 visibility +'. Do you want to change that?')) 
                        return false;
                    
                
            
        
    ,

来自 Highcharts 的示例： http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-legenditemclick/