当前,我在我的角度项目中使用了雷达图(chart.js)。我想更改其他部分的scaleLineColor,但不知道如何实现此结果:
根据此新修复程序,应该可以: https://github.com/chartjs/Chart.js/pull/2732
我也尝试过:Chart.js (Radar Chart) different scaleLineColor for each scaleLine
但完全没有效果;((我想是因为它是用旧版本编写的)
答案 0 :(得分:1)
将gridlines color
属性设置为要使用的颜色数组(强调我的颜色):
网格线的颜色。 如果指定为数组,则第一种颜色将应用于第一条网格线,第二种颜色将应用于第二条网格线,依此类推。
示例:
var chart1 = new Chart(document.getElementById('chart'), {
type: 'radar',
data: {
labels: ['a', 'b', 'c', 'd', 'e', 'f', 'g'],
datasets: [{
label: 'series1',
data: [1, 2, 3, 6, 3, 2, 4]
}]
},
options: {
scale: {
gridLines: {
color: ['black', 'red', 'orange', 'yellow', 'green', 'blue', 'indigo']
}
}
}
});
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<canvas id="chart"></canvas>