在饼图上禁用切片悬停

Highdisable hover for slices on pie chart

本文关键字：切片 悬停      更新时间：2023-09-26

我有一个饼状图，我想只在一些切片上禁用悬停。

到目前为止，我能做的最好的就是在这个页面上。通过触发一个错误(plap功能不存在)，我可以阻止悬停动作。然而，这并不干净，如果有一天我创建了一个plap函数，可能会破坏我的代码。

我已经尝试使用setState，但无法使其工作。我认为plotopoptions .series.states.hover.enabled选项比series.point.state.

更强大。

所以我的问题是我怎样才能在不太脏的情况下达到我想要的?

RQ:我已经看到了这个问题，但是它没有做我想要的。

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

的解决方案，有点脏，是设置点的状态悬停在mouseOver事件。如果点已经处于悬停状态，setState('hover')将不会对它做任何操作。

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

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

相关文章：