Highcharts - 禁用饼图上切片的悬停
Highcharts - disable hover for slices on pie chart
我有一个饼图,我想在其中的某些切片上禁用悬停。
到目前为止,我能做的最好的就是这个 jsfiddle。通过触发错误(不存在 plap 函数),我可以阻止悬停动作。但是,这并不干净,如果有一天我创建了一个可能会破坏我的代码的 plap 函数。
我试过使用 setState,但无法正常工作。我认为 plotOptions.series.states.hover.enabled 选项比 series.point.state 强。
所以我的问题是我怎样才能达到我想要的而又不会太脏?
RQ:我看过这个 question 但它不符合我的要求。
RQ2:Whosebug 要求一些代码,所以这是我用来使其工作的图表选项
chart: {type: 'pie'},
plotOptions: {
series: {
states: {hover: {enabled: true}},
}
},
series: [{
point: {
events: {
mouseOver: function() {
if (this.y < 100) {
plap();
}
},
}
},
data: [89.9, 71.5, 106.4, 129.2, 144.0]
}],
tooltip: {enabled: false},
解决方案有点脏,是将点的状态设置为悬停在 mouseOver 事件上。如果点已经处于悬停状态,setState('hover') 将不对该点执行任何操作。
mouseOver: function() {
if (this.y < 100) {
// plap();
this.state = 'hover';
}
}
我有一个饼图,我想在其中的某些切片上禁用悬停。
到目前为止,我能做的最好的就是这个 jsfiddle。通过触发错误(不存在 plap 函数),我可以阻止悬停动作。但是,这并不干净,如果有一天我创建了一个可能会破坏我的代码的 plap 函数。
我试过使用 setState,但无法正常工作。我认为 plotOptions.series.states.hover.enabled 选项比 series.point.state 强。
所以我的问题是我怎样才能达到我想要的而又不会太脏?
RQ:我看过这个 question 但它不符合我的要求。
RQ2:Whosebug 要求一些代码,所以这是我用来使其工作的图表选项
chart: {type: 'pie'},
plotOptions: {
series: {
states: {hover: {enabled: true}},
}
},
series: [{
point: {
events: {
mouseOver: function() {
if (this.y < 100) {
plap();
}
},
}
},
data: [89.9, 71.5, 106.4, 129.2, 144.0]
}],
tooltip: {enabled: false},
解决方案有点脏,是将点的状态设置为悬停在 mouseOver 事件上。如果点已经处于悬停状态,setState('hover') 将不对该点执行任何操作。
mouseOver: function() {
if (this.y < 100) {
// plap();
this.state = 'hover';
}
}