Диаграмма js радар hovercolorbackground не работает - PullRequest
Новая
       5

Диаграмма js радар hovercolorbackground не работает

1 голос
/ 28 февраля 2020

Мне удалось создать отличную радиолокационную карту с помощью диаграммы js. Моя единственная проблема состоит в том, что атрибут наборов данных hoverBackgroundColor не оказывает никакого влияния. Вот мой код: 

chosen = [[5.2,0,1,9,11],[5.1,2,4,9,7],[5.1,2,2,9,8]] 
playerNames= ['Henderson','Baldock','Stevens']

function createRadarComparison(chosen, playerNames) {
    var ctx = document.getElementById('myChart').getContext('2d');
    var borderColors = ['#ff82827d', '#82ff917d', '#fdff827d','#b882ff7d']
    var colors = ['#ff828252', '#82ff8c52', '#fdff8252', '#b882ff52' ];
    datasetdata = []
    for (var i = 0; i < chosen.length; i++) {
        datasetdata[i] = {
            label: playerNames[i],
            data: chosen[i],
            backgroundColor: colors[i],
            hoverBackgroundColor: colors[i],
            borderColor: borderColors[i],
            pointBorderColor: "#fff",
            pointBackgroundColor: borderColors[i],
            hoverBackgroundColor: "rgba(255,99,132,0.4)",
            hoverBorderColor: "rgba(255,99,132,1)",
        }
    }
    var config = {
        type: 'radar',
        data: {
            labels: ['Price', 'Goals', 'Assits', 'Clean Sheets', 'Bonus'],
            datasets: datasetdata
        },
        options: {
            legend: {
                position: 'top',
                labels: {
                    "fontSize": 10,
                }
            },
            scale: {
                ticks: {
                    beginAtZero: true,
                    display: false
                }
            },
            maintainAspectRatio: false,
        }
    };
    var myChart = new Chart(ctx, config);
}

Вот изображение диаграммы enter image description here

Я ожидаю, что цвет всей области набора данных изменится при наведении, но ничего не меняется. Ценю вашу помощь

...