私はハイチャートの列のドリルダウンに取り組んでいます。列の数が9を超えているため、highchartsは新しい色を生成していません。ここで何かが足りませんか?
Highcharts.getOptions().colors
9色を返します。
ここでの例:http://jsfiddle.net/C96tE/1/
私はハイチャートの列のドリルダウンに取り組んでいます。列の数が9を超えているため、highchartsは新しい色を生成していません。ここで何かが足りませんか?
Highcharts.getOptions().colors
9色を返します。
ここでの例:http://jsfiddle.net/C96tE/1/
これを参照してください:http://jsfiddle.net/C96tE/2/
使用する :
Highcharts.setOptions({
colors: ['#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4', '#EAEAEA', '#666999', '#006699']
});
Java 関数を使用して、単一の色に基づいて色を生成しました。基本的に色を取り、それを HSV に変換し、色相にステップを追加します。彩度と値はかなり固定されており、バリエーションを得るためにランダム性が少しあります。機能は改善できると思いますが、きれいな色を生成します:)
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に変換するのは簡単なはずです: javascriptのRGBからHSVカラー?