禁用Highcharts中的图例悬停
我需要禁用图例项的悬停属性,因为我正在移动平台上使用Highcharts。遗憾的是,制作legendItemClick事件并不能解决问题,因为仍然会出现悬停 2011年,highcharts的旧支持网站上出现了这个问题,这让我深受鼓舞。可以找到线程。我特别高兴看到最后一个jfiddle示例和其中声明的函数 不幸的是,唯一对我有效的方法是将setHoverStyle更改为null。但这并不好,因为悬停动作仍然会触发,并使导航图例和图表没有响应。上述线程中的其余建议导致图表无法呈现 诚然,这可能是因为我很难将示例转换为我的目的——老实说,我不知道在哪里调用该函数,而且我尝试过的任何地方都失败了。我的JavaScript文件是按照禁用Highcharts中的图例悬停,highcharts,Highcharts,我需要禁用图例项的悬停属性,因为我正在移动平台上使用Highcharts。遗憾的是,制作legendItemClick事件并不能解决问题,因为仍然会出现悬停 2011年,highcharts的旧支持网站上出现了这个问题,这让我深受鼓舞。可以找到线程。我特别高兴看到最后一个jfiddle示例和其中声明的函数 不幸的是,唯一对我有效的方法是将setHoverStyle更改为null。但这并不好,因为悬停动作仍然会触发,并使导航图例和图表没有响应。上述线程中的其余建议导致图表无法呈现 诚然,这可能是因
var chartDefinition = {
chart: {
renderTo: 'chart_content',
type: 'column'
},
colors: [
'#619ED6',
'#6BA547',
'#F7D027',
'#E48F1B',
'#B77EA3',
'#E64345',
'#60CEED',
'#9CF168',
'#F7EA4A',
'#FBC543',
'#FFC9ED',
'#E6696E'
],
title: {
text: ''
},
...
column: {
shadow: false,
borderWidth: 1,
events: {
click: function() { return false; },
legendItemClick: function() { return false; }
},
dataLabels: {
enabled: false,
color: '#222',
style: {
fontFamily: 'sans-serif',
fontSize: '13px',
fontWeight: 'bold'
}
}
}
},
series: []
};
列出并设置各种highcharts属性
是否有人知道如何禁用此悬停属性,或者在何处调用该属性?示例:
尝试为
legendGroup
禁用鼠标悬停,而不是legendItem
谢谢Pawel的回答。这确实消除了当鼠标悬停在图例项上时,图例项变得粗体的情况。不过,似乎悬停事件仍在触发。在jsfiddle示例中,光标在图例项上发生变化,而在移动设备上,图例仍然没有响应。有没有办法彻底摆脱悬停?谢谢我刚刚在SG3上测试过,效果非常好。指针显示是因为CSS样式。谢谢Pawel!经过重新评估,你的建议完全奏效了。