6

JqPlotを使用して表示する円グラフがあります。スライスの実際の色を変更することに興味があり、今のところ運がありません。

私はこのリンクに出くわして解決策を試しましたが、間違った場所に置いているかどうかはわかりません（コードのいくつかの場所に挿入してみました）。表示が長くなります（実際、ページ上の残りのグラフの表示が停止します）。

円グラフのJavaScriptコードは次のとおりです。

$(document).ready(function () {
        var data = [['US',33], ['IE',30], ['GB',23], ['AU',7], ['CA',4], ['RoW',7]];
        var plot1 = jQuery.jqplot('Countries', [data],
        {
            seriesDefaults: {
                // Make this a pie chart.
                renderer: jQuery.jqplot.PieRenderer,
                rendererOptions: {
                    // Put data labels on the pie slices.
                    // By default, labels show the percentage of the slice.
                    sliceMargin: 5,
                    showDataLabels: true,
                }
            },
            legend: { show: true, border: false, /*placement: 'outsideGrid', location: 'w'*/location: 'e', border: 'none' },
            grid: {borderWidth:0, shadow:false, background: '#FFFFFF'}

        }
      );
    });

誰かアイデアはありますか？

4

1 に答える 1

17

seriesColorsオブジェクトに適用できますoptions。例:

options =
{
    seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#579575" ]
}

関連するドキュメントは、jqPlot オプションにあります。

于 2012-09-18T13:50:51.503 に答える