Question

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

非常感谢任何帮助。

Answer 1

这里有几个问题......

（1）＆＃34;默认情况下，在Highcharts网站上，条形图/柱形图上的所有行是一种不同的颜色。＆＃34;
这不是真的。 highcharts网站的首页有一个柱形图，所有列都有相同的颜色。 http://www.highcharts.com/

（2）当您在网站上实施条形图时，series中只有一个series个或多个对象？我的猜测是你的series中只有一个对象，在这种情况下，一个 series只能用一个进行编码由highcharts颜色。

（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]
    }]

你应该只看到一种酒吧颜色。

希望这有帮助。

Answer 2

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

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

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

jsFiddle

Answer 3

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

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

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

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

拥有Highcharts默认情况下使用多种颜色渲染条形图/柱形图

3 个答案: