首页 > 解决方案 > 有没有办法更新 Chart.js 的圆环图但不会丢失工具提示

问题描述

我正在使用 Chart.js。当我将鼠标悬停在圆环图上的一块上时,我想让其他部分不那么不透明并且不要丢失工具提示。 这是图表的第一个版本

这就是我想要做的——当我将鼠标悬停在一个片段上时,其他片段需要不那么不透明 当我尝试在悬停事件上执行此操作时,我需要更改 backgroundColor 颜色并更新图表。它有效,它正在改变图表颜色,但因为我更新了图表,我失去了我的工具提示。

options = {
  hover: {
    onHover: (e, item: any) => {
      if (item.length) {
        item[0]._chart.config.data.datasets[0].backgroundColor = ['#131e3a', '#19284d', '#1f3260']
        item[0]._chart.update();
      }
    }
  },

有什么方法可以更新图表颜色但不会丢失工具提示?

标签: javascriptangulartypescriptchart.js

解决方案


推荐阅读