Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图表js雷达背景不工作_Javascript_Jquery_Html_Colors_Chart.js - Fatal编程技术网

Javascript 图表js雷达背景不工作

Javascript 图表js雷达背景不工作,javascript,jquery,html,colors,chart.js,Javascript,Jquery,Html,Colors,Chart.js,我能够用chart 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 = docume

我能够用chart 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);
}

selected=[[5.2,0,1,9,11],[5.1,2,4,9,7],[5.1,2,2,9,8]]
playerNames=['Henderson','Baldock','Stevens']
函数createRadarComparison(已选择,播放名称){
var ctx=document.getElementById('myChart').getContext('2d');
变量borderColors=['#ff82827d'、'#82ff917d'、'#fdff827d'、'#b882ff7d']
变量颜色=['#ff828252'、'#ff8c52'、'#fdff8252'、'#b882ff52'];
datasetdata=[]
对于(变量i=0;i
这是图表的图像


我希望悬停时整个数据集区域的颜色会改变,但不会改变。感谢您的帮助

您可以分享
选择的演奏者姓名吗
或者请添加一个工作小提琴选择=[[5.2,0,1,9,11],[5.1,2,4,9,7],[5.1,2,2,9,8]]演奏者姓名=['Henderson','Baldock','Stevens']这不是示例中的确切数据,但同样的格式MyChart是一个画布标记对象,我做了一些搜索,发现
hoverBackground
在雷达图中不起作用,在所有其他图表中都起作用(我想,我只检查了条形图)。这是我的搜索结果,其他人可能会得到一个解决方案:)你能分享
所选的playerNames
或者请添加一个工作的FiddleSelected=[[5.2,0,1,9,11],[5.1,2,4,9,7],[5.1,2,2,2,9,8]]playerNames=['Henderson','Baldock','Stevens']这不是示例中的确切数据,但同样的格式MyChart是一个画布标记对象,我做了一些搜索,发现
hoverBackground
在雷达图中不起作用,在所有其他图表中都起作用(我想,我只检查了条形图)。这是我的搜索结果,其他人可能会得到一个解决方案:)