Изменение цвета фона диаграммы js при клике - PullRequest
Новая
       11

Изменение цвета фона диаграммы js при клике

0 голосов
/ 02 июля 2018

Я построил столбец с диаграммой JS. Панель имеет три строки с фоном верхнего ряда белого цвета, как показано ниже.

image

Выше работает нормально, и вот как я установил 

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

Выше работает отлично, как я хочу. Проблема возникает, когда я нажимаю на панель. Он добавляет цвет фона поверх существующего цвета, как показано ниже. BgColor выглядит как тень внизу, потому что верхняя строка белая, отсюда и тень.

image

Я попробовал все возможное, чтобы отключить это изменение, но все безрезультатно. Я пытался играть с событием щелчка на графике, но ничего не работает. Пожалуйста, как мне отключить такой эффект? Откуда это? Любая помощь будет оценена.

Chart.js версия

"chart.js": "^2.6.0",

1 Ответ

0 голосов
/ 02 июля 2018

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