0

我想使用 Chart.js 在某些条件下禁用数据集某些数据点的悬停效果。

我基本上需要在绘制折线图之前修改数据集,使其看起来像我想要的那样。(例如沿 x 轴延伸线)而且我不希望悬停效果发生在其中一些数据点上。

在实现业务逻辑之后,我寻找了一个可编写脚本的选项 ,这样我就可以使用有关用户所在数据点的上下文。我遇到了基本上取消单个图表上所有悬停效果的解决方案,但不是像我提到的那样有条件地取消。

我尝试将onHover与上下文一起使用并有条件地设置 hoverRadius,它看起来与我预期的一样,但它给了我一个错误,提示“无法分配给对象的只读属性 'hoverRadius'”。

  // in the options object
  onHover: function (event, context) {
  if (!isEmpty(context)) {
    context[0]._options.hoverRadius = 0;
  }
}

最有可能的是,相关对象已被有意设为不可变。

那么在 Chart.js 中实现这种行为的正确方法是什么?

4

0 回答 0