1

カスタムテーマを使用して、Highcharts でいくつかのグラフを作成しています。カラー テーブルを一連のグラデーションに再構築するテーマを作成しました。これは棒グラフと列の見栄えがよくなります。唯一の問題は、現在の円グラフがくだらないものに見えることです。

グラフの種類ごとに異なる色のセットを指定するようにテーマを設定する方法はありますか? 棒と列だけにグラデーションの色を設定したいのですが、生成するすべてのグラフにこれらのオプションを設定する必要はありません...

私がやっていることの例: http://jsfiddle.net/K7YPF/5/

var colors = ["#AFD8F8", "#F6BD0F", "#8BBA00", "#FF8E46", "#008E8E", "#D64646", "#8E468E", "#588526",
    "#B3AA00", "#008ED6", "#9D080D", "#A186BE", "#CC6600", "#FDC689", "#ABA000", "#F26D7D",
    "#FFF200", "#0054A6", "#F7941C", "#CC3300", "#006600", "#663300", "#6DCFF6"];
var gradientColors = [];
//rebuild all of the colors into gradients for the 3d effect
$.each(colors, function (i, color) {
    gradientColors[i] = {
        linearGradient: {
            x1: 0,
            y1: 0,
            x2: 1,
            y2: 0
        },
        stops: [
            [0, Highcharts.Color(color).brighten(-0.08).get('rgb')],
            [0.2, Highcharts.Color(color).brighten(0.24).get('rgb')],
            [0.4, Highcharts.Color(color).brighten(-0.02).get('rgb')],
            [0.5, color],
            [0.8, Highcharts.Color(color).brighten(0.12).get('rgb')],
            [1, Highcharts.Color(color).brighten(-0.08).get('rgb')]
        ]
    };
});
Highcharts.theme = {
    colors: colors,
    plotOptions: { // This does not work, but this is how I'd like to be able to do it.
        column: {
            colors: gradientColors
        },
        pie: {
            colors: colors
        }
    }
};

ご協力いただきありがとうございます。

4

1 に答える 1

1
$("#container").highcharts({
    plotOptions: {pie:{colors:[your colors here]}}
});
于 2014-01-20T11:42:19.937 に答える