基于列的Highchart drilldown系列为每列分配颜色代码

时间:2018-02-27 18:10:24

标签: javascript highcharts colors column-chart

我想为每列分配自己的颜色,以获得基于列的图表的下钻图表。所以我根据一些预先计算创建了区域并分配了颜色代码。

我的代码如下:

.as-console-wrapper { max-height: 100% !important; top: 0; }

我的小提琴

https://jsfiddle.net/jqefrrj0/

现在,当我点击Microsoft时,下钻图表中包含所有黄色列,而我希望它根据区域中给出的每种颜色进行更改。

像第一个黄色,然后是芥末,橙色,黄色。

如何为每列向下钻取系列实现上述颜色。

1 个答案:

答案 0 :(得分:2)

您忘了设置zones.value Design of app screenshot

        zones: [{
            color: '#ffcc00',
            value:5
        }, {
            color: '#AA7F39',
            value:12
        }, {
            color: '#ff8000'
        }, {
            color: '#FFFF00'
        }]

Documentation