13

jqplot 棒グラフ バーの色を設定しようとしています。2 つのバーのセットにグループ化された 6 つのバーが常に存在します。プロットされるデータの例を次に示します。

 line1 = [6000, 5000, 5500];
 line2 = [16000, 10000, 14000];

私はこれまでに次のものを使用しました:

 seriesColors: ["#F3CBBF", "#BFDDE5", "#CF3501", "#027997", "#CF3501", "#027997"],

ただし、jqplot は、宣言されたすべての色を使用する代わりに、毎回最初の 2 つのバーを交互に使用します。これはおそらく、データ セットごとに 1 つずつ、存在する 2 つのシリーズのみを決定するためです。

バーの色を明示的に設定する方法はありますか?

4

3 に答える 3

31

これは、 varyBarColor メソッドを使用して行うため、既に行ったように単純な配列でバーのさまざまな色をリストできますが、シリーズが 1 つしかない場合は、代わりに各バーにこれらの色を使用します。これが私のコードの例です:

plot1 = $.jqplot('chart1', [s1], {
        title: 'Example Income Graph',
        seriesDefaults:{
            renderer:$.jqplot.BarRenderer,
            rendererOptions:{ varyBarColor : true },
            pointLabels: { show : true }
        },
        axes: {
            xaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                label:'Net Growth (%)',
                ticks: ticks
            },
            yaxis:{
              label:'Income (£)',
              tickOptions:{ formatString:'%d'},
              autoscale:true,
              min:0, 
              max:10000
            }
        },
        seriesColors: [ "#eee", "#ccc", "#999"],
        highlighter: { show: false }
    });

このグラフでは、3 つのバーを持つ 1 つの系列があり、それぞれが異なる色の灰色です。

于 2011-01-02T12:18:10.833 に答える