点击时图表JS背景颜色发生变化

Question

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

以上工作正常，这就是我的设置方式

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

上面的效果很好，正如我希望的那样。当我单击栏上时会出现问题。它将在现有颜色之上添加背景颜色，如下所示。 bgColor看起来像下面的阴影，因为第一行是白色，因此是阴影。

我已经尝试了一切可能来禁用此更改，但都无济于事。我尝试使用图表的click事件，但没有任何效果。请我如何禁用这种效果？它来自哪里？任何帮助将不胜感激。

Chart.js版本

"chart.js": "^2.6.0",

Answer 1

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 */
}