我的柱形图有许多类别,每个类别都有一个数据点(例如like this one)。是否可以更改每个类别的栏的颜色?即所以每个酒吧都有自己独特的颜色,而不是全是蓝色?
答案 0 :(得分:98)
如果将数据数组更改为配置对象而不是数字,也可以为每个点/条单独设置颜色。
data: [
{y: 34.4, color: 'red'}, // this point is red
21.8, // default blue
{y: 20.1, color: '#aaff99'}, // this will be greenish
20] // default blue
答案 1 :(得分:58)
答案 2 :(得分:24)
添加您想要的颜色colors
,然后将colorByPoint
设置为true
。
colors: [
'#4572A7',
'#AA4643',
'#89A54E',
'#80699B',
'#3D96AE',
'#DB843D',
'#92A8CD',
'#A47D7C',
'#B5CA92'
],
plotOptions: {
column: {
colorByPoint: true
}
}
参考:
答案 3 :(得分:12)
是的,这是jsfiddle的一个例子:http://jsfiddle.net/bfQeJ/
Highcharts.setOptions({
colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
});
这个例子是一个饼图,但你可以用所有颜色填充你心中的内容=)
答案 4 :(得分:7)
您可以在高图表图表中添加颜色数组,以更改图表的颜色。您可以重新排列这些颜色,也可以指定自己的颜色。
$('#container').highcharts({
colors: ['#2f7ed8','#910000','#8bbc21','#1aadce'],
chart: {
type: 'column'
},
title: {
text: 'Stacked column chart'
},
答案 5 :(得分:4)
像antonversal所提到的,在创建图表对象时读取颜色并使用颜色选项可以正常工作。
var chart3 = new Highcharts.Chart({colors: ['#458006', '#B0D18C']});
答案 6 :(得分:1)
只需添加此...或者您可以根据需要更改颜色。
Highcharts.setOptions({
colors: ['#811010', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
plotOptions: {
column: {
colorByPoint: true
}
}
});
答案 7 :(得分:0)
添加属性:
colors: ['Red', 'Bule', 'Yellow']
答案 8 :(得分:0)
只需输入图表
$('#container').highcharts({
colors: ['#31BFA2'], // change color here
chart: {
type: 'column'
}, .... Continue chart
答案 9 :(得分:0)
这对我有用。设置系列的所有颜色选项很繁琐,特别是如果它是动态的
plotOptions: {
column: {
colorByPoint: true
}
}
答案 10 :(得分:-3)
{plotOptions: {bar: {colorByPoint: true}}}