0

我知道有很多关于在某些 Highcharts 上设置条形颜色的问题，但我的问题有点不同。在 Highcharts 网站上，默认情况下，条形图/柱形图上的所有线条都是不同的颜色。当我尝试在我的网站上实现条形图/柱形图时，所有线条都是相同的颜色。我已经查看了 Highcharts 演示部分的小提琴，其中没有任何内容可以定义每个条的颜色不同。如果我在我的网站上使用饼图，所有部分都是不同的颜色，但我无法让我的条形图/列效仿。

任何帮助将不胜感激。

4

3 回答 3

0

将此添加到您的图表构造函数中：

colors: ['#0D233A', '#2F7ED8', '#AAAAAA'],
plotOptions: {
    series: {
    colorByPoint: true
    }
},

对于每个系列，它将遍历您的颜色列表并按顺序为每个条/列着色，如果到达列表末尾，则从头开始重复。

jsFiddle

于 2013-06-04T04:36:31.073 回答
0

每个系列都有自己的color，例如：http: //jsfiddle.net/z5sGy/

但是您可以使用颜色来定义自己的顺序：http ://api.highcharts.com/highcharts#colors

如果您想修改每个数据点的颜色，您可以为数据定义此参数。

http://jsfiddle.net/z5sGy/1/

于 2013-06-04T13:48:12.190 回答
0

这里有几个问题...

(1) “默认情况下，在 Highcharts 网站上，条形图/柱形图上的所有线条都是不同的颜色。”
这不是真的。highcharts网站的首页有一个柱形图，所有的柱子颜色都一样。http://www.highcharts.com/

(2) 当你在你的网站上实现一个条形图时，你的 ?series中是否只有一个或多个对象series？我的猜测是您的 中只有一个对象series，在这种情况下，该对象将由 highcharts 仅以一种颜色编码 series是有道理的。

(3) 打开 jsfiddle 中的 highcharts 示例之一。 http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

更改数据，以便： 

    series: [{
        name: 'Year 1800',
        data: [107, 31, 635, 203, 2]
    }, {
        name: 'Year 1900',
        data: [133, 156, 947, 408, 6]
    }, {
        name: 'Year 2008',
        data: [973, 914, 4054, 732, 34]
    }]

...简化为： 

    series: [{
        name: 'Year 1800',
        data: [107, 31, 635, 203, 2]
    }]

您应该只在此处看到一种条形颜色。

希望这可以帮助。

于 2013-06-03T23:12:38.113 回答