2011-06-21 17 views
0

jqplotを使用して、積み重ね棒グラフを描画しようとしていますが、上のシリーズが白で塗りつぶされています。これは通常のオプションで可能ですか、それともCSS経由で行う必要がありますか?次のコードは私が現在使っているコードです。私は基本的にすべての色ベースのオプションを投げてみました(私はドキュメントによって混乱しています、私は認めます)。 2番目のシリーズでは、色の「色」の概要と、色「fillColor」の塗りつぶし(それぞれ青と赤)が予想されていましたが、これは起こっていません。誰も助けることができますか?バーの色付けjqplot

//Bar Chart 
var pots = ['Seats', 'Shoes', 'Refurb', '4 FatC2s', 'Lightweight Four']; 
var moneyInPots = [50, 200, 300, 400, 600]; 
var moneyRemaining = [70, 300, 700, 500, 1900]; 
plot1 = $.jqplot('potGraph', [moneyInPots, moneyRemaining], 
      { 
      stackSeries: true, 
      seriesDefaults: 
      { 
       renderer: $.jqplot.BarRenderer, 
       pointLabels: {show: true} 
    }, 
      axes: 
      { 
       xaxis: 
       { 
       renderer: $.jqplot.CategoryAxisRenderer, 
       ticks: pots 
       }, 
     yaxis: 
       { 
       min: 0, 
       tickOptions: {formatString: '£%d'} 
       } 
    }, 

    series: 
      [ 
       {color: 'green', shadow: false}, 
       {color: 'blue', fill: true, fillColor: 'red', fillAndStroke: true, shadow: false, fillToZero: true, fillAxis: 'y'} 
      ] 

      }); 

答えて

0

AFAIK、fillAndStrokeを使用してバーの周りにアウトラインを描画することはできません。このオプションは、塗りつぶした線図に筆線を追加する場合にのみ使用されます。あなたのJQPlotパッケージで利用可能なfilledLine.htmlの例を参照することができます。

JQPlotオプションの1つまたはCSSを使用して、バーの周りにアウトラインを追加する方法はないと思います。