2011-12-22 15 views
6

各ラベルのセグメント合計の代わりにラベルテキストを表示したい。JQPlot積み重なった各積み重ね棒積算(増分)カウントではなく

同様に、2,7,14は2,7,14の積み重ねバーであり、次に23が合計である必要があります。しかし、現在の例では、セグメントの合計が表示されています - 最初のバーは空、2、2 + 7 = 9、合計= 23(9 + 14)です。

JQプロットショー(スタックバー棒グラフ - 第三グラフ): http://www.highcharts.com/demo/column-stacked

私が行くことができるなら、私に知らせてください。私が見るの例を数えるラベルのhighchartのように、このURLのようにしたい http://www.jqplot.com/tests/bar-charts.php

ソリューションを使用すると大きな助けになるでしょう...

答えて

6

私は、スタックされたバーの値が常に集計されるように、stackedValueパラメータの値に依存しないように見えるので、私はそれに対する解決策を持っています。

この問題関与の私のソリューション:

  • は合計としての役割を果たす1以上一連の追加、あなたがそれを埋めるの値がすべて同じである(すなわち3)彼らの唯一の役割は、位置にあるよう最後のシリーズ(第5回)目に見えないし、その影はほぼ透明、

  • と各シリーズのラベルを使用して、直接ではなく、スクリプトがそこに置かするかを決定させる、それ以外の場合WOUなっラベル、

  • 明らかに値を合計します。

My solution could be found here.


EDIT

I have recently spotted that there already was a solution for this problem available here.

+0

はい、解決しているようです。 –

0

バーの中の値を表示するには、ローカルページのCSS .jqplot-point-labelプロパティを変更するだけです。これはJQPlotのデモページで動作します。

.jqplot-point-label { 
     font-size:.75em; 
     z-index: 2; 
     /* Add some margin to get values into the bar */ 
     margin-top: 24px; 
} 

PointLabel ypaddingのようなプロパティを試してみることもできます。 合計機能については、solved threadを参照してください。

1

合計問題:あなたはjqplotのバグを見つけました。あなたがjqplot.pointLabels.jsを開くだろう場合

は、ライン173分の172の周りに開始するコードを見てみましょう:あなたはそれを更新します場合は読み取ることが

var d = this._plotData; 

var d = this._plotData; 
if (p.stackSeries) { 
    var d = this.data; 
} 

グラフを呼び出すときは、系列オプションで次のようなものを使用してください:

pointLabels: { show: true, stackedValue: false, stackSeries: true } 

Poiを使用できるようになりますntLabels stackedValue属性を使用すると、積算合計をオフにできます。

stackedValueバグの修正内容は、hereです。

jmvaさんがラベルの配置に関してあなたの質問に答えました。

0

ボロのソリューションは、私の作品凡例が必要な場合は、しかし、あなたは伝説に1つのより多くのアイテムを持っていますあなたが期待するものではないかもしれません。私はBoroのソリューションを使用して、凡例をjqplotオブジェクトから独立させました。

関連する問題