Javascript 单击时图表js背景颜色的更改

我用图表js内置了堆叠条。该栏有三行，顶行背景设置为白色，如下所示

以上操作很好，我就是这样设置的

this.barChart.datasets = [
    {
        label: myLabels1,
        data: myData1,
        dataLabel: ['', ''],
        backgroundColor: ['#FFC500', '#673AB6']
    },
    {
        label: totalLabels,
        data: totalData,
        backgroundColor: ['#FFFFFF', '#FFFFFF']
    }
];

上面的工作很好，因为我希望它。当我点击工具栏时，问题就出现了。它在现有颜色的基础上添加背景色，如下所示。bgColor看起来像下面的阴影，因为最上面的一行是白色的，因此是阴影

我已尽一切可能禁用此更改，但均无效。我试着玩图表的点击事件，但没有任何效果。请问我如何禁用这种效果？它来自哪里？任何帮助都将不胜感激

Chart.js版本

---

“chart.js”：“^2.6.0”，

AFAIK，这不是chart.js向组件添加背景色，而是您的浏览器显示您正在选择此区域。我不认为这可以解决，除非你通过添加CSS来禁用图表的选择

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

---

谢谢你的回答，但它似乎没有禁用选择。我将上面的内容复制到mycomponent.scss中，我查看了API文档，似乎没有直接的方法将额外的CSS应用到图表的条形图中。由于CSS沿着HTML继承权向下流动，您可以将该类添加到包含整个图表的父div中。然而，这会使你的图表不可选择。