当colorbypoint设置为true时,如何在highcharts中为系列图例着色

时间:2014-02-19 11:36:10

标签: highcharts

我正在使用高图,我有一个有2个数据系列的柱形图,第一个有不同颜色条的每个点,第二个系列有相同的颜色条。

我明白因为我已经将colorbypoint设置为true,它将从图例中删除颜色样本,但是没有办法为第二个系列添加一个颜色,这是所有1种颜色?

我尝试过从api设置各种选项,包括尝试将colorbypoint添加到彩色系列但不会应用。我也尝试在普通系列上将colorbypoint设置为false,但是也没有应用。

这甚至可能吗?

enter image description here

这是指向fiddle的链接 http://jsfiddle.net/wf_4/X4K4R/

1 个答案:

答案 0 :(得分:3)

只需为第二个系列设置colorByPoint: false,然后设置一种颜色而不是颜色数组。请参阅演示:http://jsfiddle.net/X4K4R/1/

$('#container').highcharts({

    chart: {
        type: 'column'
    },

    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    plotOptions: {
        series: {
            colorByPoint: true
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }, {
        colorByPoint: false,
        data: [54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6],
        color: '#000000'
    }]
});