Javascript 图表js雷达背景不工作
我能够用chart js创建一个很棒的雷达图。我唯一的问题是数据集属性hoverBackgroundColor没有产生任何影响。 这是我的密码: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
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
在雷达图中不起作用,在所有其他图表中都起作用(我想,我只检查了条形图)。这是我的搜索结果,其他人可能会得到一个解决方案:)