首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Highcharts列向下钻取颜色在9列后耗尽?

Highcharts列向下钻取颜色在9列后耗尽?
EN

Stack Overflow用户
提问于 2013-01-06 13:57:54
回答 2查看 1.9K关注 0票数 1

我正在做highcharts专栏的深入研究,我突然意识到如果不是。列数大于9,则highcharts不会生成新颜色。我是不是漏掉了什么?

代码语言:javascript
运行
复制
Highcharts.getOptions().colors 

返回9种颜色。

示例如下:http://jsfiddle.net/C96tE/1/

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-01-10 19:04:40

我使用了一个Java函数来生成基于单一颜色的颜色。它基本上需要一种颜色-将其转换为HSV并为色调添加一个步骤。饱和度和值是相当固定的,并带有一点随机性,以获得变化。我猜这个函数还可以改进,但它能产生漂亮的颜色:)

代码语言:javascript
运行
复制
 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?

票数 0
EN

Stack Overflow用户

发布于 2013-01-06 16:08:44

看看这个:http://jsfiddle.net/C96tE/2/

使用:

代码语言:javascript
运行
复制
 Highcharts.setOptions({
 colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263',      '#6AF9C4', '#EAEAEA', '#666999', '#006699']
}); 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14179745

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档