highcharts 设置圆环图的圆环的颜色
以下是一个基本的环形图示例,其中包括设置颜色的选项:
Highcharts.chart('container', {
chart: {
type: 'pie'
},
title: {
text: 'Browser market shares in January, 2018'
},
plotOptions: {
pie: {
innerSize: '50%',
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9',
'#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1']
}
},
series: [{
name: 'Brands',
data: [
{ name: 'Chrome', y: 61.41 },
{ name: 'Internet Explorer', y: 11.84 },
{ name: 'Firefox', y: 10.85 },
{ name: 'Edge', y: 4.67 },
{ name: 'Safari', y: 4.18 },
{ name: 'Other', y: 7.05 }
]
}]
});在上面的示例中,我们使用了
colors
请注意,如果你的数据系列中包含的切片数量超过了你指定的颜色数量,Highcharts 将循环使用这些颜色,直到为每个切片着色为止。