首页 文章

Highcharts - 禁用在饼图上悬停切片

提问于
浏览
0

我有一个饼图,我想禁用仅在某些切片上悬停 .

到目前为止,我能做的最好的就是jsfiddle . 通过触发错误(plap函数不存在),我可以阻止悬停操作 . 但是,这并不干净,如果有一天我创建了一个可能会破坏我的代码的plap函数 .

我尝试过使用setState,但无法使其正常工作 . 我认为plotOptions.series.states.hover.enabled选项比series.point.state强 .

所以我的问题是如何在不太脏的情况下实现我想要的东西?

RQ:我已经看到了这个question但它没有做我想要的 .

RQ2:stackoverflow请求一些代码,所以这里是我用来使它工作的图表选项

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},

1 回答

  • 0

    解决方案有点脏,设置点的状态是悬停在mouseOver事件上 . 如果该状态已经处于悬停状态,则setState('hover')将不会对该点执行任何操作 .

    mouseOver: function() {
            if (this.y < 100) {
       //       plap();
                    this.state = 'hover';
            }
          }
    

    示例:https://jsfiddle.net/cp2tL9sd/4/

相关问题