Javascript 动态更改悬停启用选项

我希望当我在图表顶部悬停时不会发生任何事情（即启用悬停：false），但当我单击图表下方的按钮时，启用悬停将变为true

现在，当我单击图表下方的按钮时，我正在使用这两个功能来打开悬停：

function update() {
  chart.series[0].data[0].setState('hover');
};

function unset() {

    chart.series[0].data[0].setState('');

}

这些功能非常适合点击按钮，但当我停留在图表顶部时，光环仍然会出现。我该怎么做

问题是：

---

谢谢大家!

只需将其添加到当前代码中即可

plotOptions: {
    series: {
        states: {
            hover: {
                enabled: false
            }
        }
    }
},

---

只需将其添加到当前代码中即可

plotOptions: {
    series: {
        states: {
            hover: {
                enabled: false
            }
        }
    }
},

---

您可以使用以下新选项更新该系列：

// Activate the button for update
function update() {
  chart.series[0].update({
    states: {
      hover: {
        enabled: true
      }
    }
  });
}
// Activate the button for unset
function unsetColor() {
  chart.series[0].update({
    states: {
      hover: {
        enabled: false
      }
    }
  });
}

演示：

API参考：

---

您可以使用以下新选项更新该系列：

// Activate the button for update
function update() {
  chart.series[0].update({
    states: {
      hover: {
        enabled: true
      }
    }
  });
}
// Activate the button for unset
function unsetColor() {
  chart.series[0].update({
    states: {
      hover: {
        enabled: false
      }
    }
  });
}

演示：

API参考：

---

我不明白。。。所以你想在你悬停的时候什么都不发生，但是当你点击按钮的时候？启用：false是什么意思？你想设置什么？是的，我希望悬停时不会发生任何事情，但是当我单击下面的按钮时，悬停的行为会被触发。我不明白。。。所以你想在你悬停的时候什么都不发生，但是当你点击按钮的时候？启用：false是什么意思？你想设置什么？是的，我希望悬停时不会发生任何事情，但当我单击下面的按钮时，悬停的行为会被触发。如果代码中有这一部分，则按钮不起作用。这是我的问题如果我有那部分代码，那么按钮就不工作了。那是我的问题