Question

我正在进行highcharts专栏深入研究，如果没有，我会感到震惊。列数超过9，highcharts不生成新颜色。我在这里错过了什么吗？

Highcharts.getOptions().colors

返回9种颜色。

此处示例：http://jsfiddle.net/C96tE/1/

Answer 1

请参阅：http://jsfiddle.net/C96tE/2/

使用：

 Highcharts.setOptions({
 colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263',      '#6AF9C4', '#EAEAEA', '#666999', '#006699']
});

Answer 2

我使用Java函数基于单一颜色生成颜色。它基本上采用一种颜色 - 将其转换为HSV并向Hue添加一个步骤。饱和度和值非常固定，有一点随机性来获得变化。我想这个功能可以改进，但它会产生漂亮的颜色：）

 private Color getNextColorHue(Color color){
    if(color != null){
        float hsbVals[] = Color.RGBtoHSB( color.getRed(), color.getGreen(), color.getBlue(), null );
        hsbVals[0] += STEP;
        hsbVals[1] = (float) ((Math.random() * 0.3) + 0.7);
        hsbVals[2] = (float) ((Math.random() * 0.2) + 0.7);

        if (hsbVals[0] > 1) {
            hsbVals[0] -= 1;
        }
        color = Color.getHSBColor(hsbVals[0], hsbVals[1], hsbVals[2]);
    }
    return color;
}

应该很容易将其转换为JS： RGB to HSV color in javascript?

Highcharts列钻取颜色在9列后耗尽？

2 个答案: