2012-05-02 28 views
1

jqplotに奇妙な問題があります。 2シリーズと5ラベルの横棒グラフを作成しました。すべてが表の変数で構成されています。JQPlot - 積み重なった横棒グラフ - スタック時の棒なし

var plot1 = $.jqplot('chart1', [ 
    [[SERIESA[0],TITLE[0]], [SERIESA[1],TITLE[1]], [SERIESA[2],TITLE[2]], [SERIESA[3],TITLE[3]], [SERIESA[4],TITLE[4]]], 
    [[SERIESB[0],TITLE[0]], [SERIESB[1],TITLE[1]], [SERIESB[2],TITLE[2]], [SERIESB[3],TITLE[3]], [SERIESB[4],TITLE[4]]]], { 
    seriesDefaults: { 
     renderer:$.jqplot.BarRenderer, 
     // Show point labels to the right ('e'ast) of each bar. 
     // edgeTolerance of -15 allows labels flow outside the grid 
     // up to 15 pixels. If they flow out more than that, they 
     // will be hidden. 
     pointLabels: { show: true, location: 'e', edgeTolerance: -15 }, 
     // Rotate the bar shadow as if bar is lit from top right. 
     shadow: false, 
     // Here's where we tell the chart it is oriented horizontally. 
     rendererOptions: { 
      barDirection: 'horizontal' 
     } 
    }, 
    axes: { 
     yaxis: { 
      renderer: $.jqplot.CategoryAxisRenderer 
     } 
    } 
}); 

これは素敵な横棒グラフをレンダリングします。 2シリーズは、各ラベルの下にスタックするために私が好きだろうが、私は私のseriesDefaultsの上に私のバーをライン

stackSeries: true, 

を追加するとき、すべてが消えます。他のすべて(ラベル、ダニなど)は同じままです。私は追加する必要があるstackSeriesオプションに加えて何かがありますか?

ありがとうございます! Karl

答えて

0

私は(ない完全にはなく、十分に私の必要性のために)私の問題を解決する方法を見つけました。この問題は、どこか別の場所から取得したカスタムlablesを使用している場合にのみ発生します。私がジェネリック "1,2,3,4、etc"を使用する場合グラフは適切に積み重なり、データを表示します。理想的には私はカスタムlablesを持っていますが、グラフの横にシンプルなテーブルを置くだけで、軸ラベルとして機能させることができます。

0

あなたのコードで何が原因か分かりませんが、あなたが示したことは大丈夫です。データを設定する方法に何か問題があったかもしれませんが、もう一度やり直しても問題ありません。

Check out my example it might help you out.

+0

はい、私のデータは、(私はCAML、jqueryのの混合物を使用してMS SharePointの上でこれをやっている非常に奇妙な方法でセットアップされていますとjavascript)しかし、あなたが言っているように、それは積み重ねなく正しくレンダリングするので、私は積み重ねたときにデータ設定が突然問題になることはありません!それでは、SharePointは何の理由もなく奇妙なエラーを投げることがあります...とにかく見てくれてありがとう! –

+0

この問題がまだ残っている場合、Karlはこの問題を解決できますか?http://jsfiddle.net/ここで問題を示すサンプルコードを投稿してください。他に何があるのか​​見てみましょう。 – Boro

0

実際には例えば、ticktを追加することで、カスタムラベルを持つことができます。

xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer, 
       tickOptions: { 
        angle: -90 
       }, 
       labelOptions: { 
        fontSize: '11pt', 
       }, 
       ticks: ['tick 1', 'tick 2'], 
      } 
関連する問題