2017-03-24 7 views
0

ハイチャートプラグインの2つの棒グラフの間に新しい値を表示したいのですが、ハイチャートで単純な棒グラフを作成しましたが、新しいラインの2つのバーの違いを表示する必要があります。 下の画像でこれを説明していますので、下記の画像を参考にしてください。ハイチャートの2つのバーの違いを表示するには?

High Chart

私は以下の形式/デザインで、その情報を表示したい、私はこの問題を解決するのに役立ち 画像2、 してください、それが高いチャートに可能ですか? Image 2

+0

jsコードを貼り付けることはできますか? – thisiskelvin

+0

Highcharts.chart( 'コンテナー'、{ データ:{ 表: 'データテーブル' }、 チャート:{ タイプ: '列' }、 タイトル:{ テキスト:「HTMLテーブルから抽出されたデータ「} 、 Y軸:{ allowDecimals:偽、 タイトル:{ テキスト:「ページ内のユニットの }} 、 ツールチップ:{ フォーマッタ:機能(){ リターン '' +これ。 series.name + '
' + this.point.y + '' + this.point.name.toLowerCase(); } } }); –

+0

実際には基本的なbarchartsが必要です。リンクをクリックして例を得るには、 http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/columnを参照してください。 -parsed/ –

答えて

0

私はテーブルからデータを抽出して差異を計算しました。しかし、この例にはいくつかのマイナスの違いがある。 -1では、負のy軸を持つ必要があるため、この情報をどのグラフに表示するかによって異なります。

次のjQueryコードはすべての値を正確にし、1番目と2番目の値の差を見つけて、これをdiffChartという配列に追加します。

var graphs = $('#datatable tbody tr'); 

var diffChart = []; 

for (var i = 0, len = graphs.length; i < len; i++) { 
    var target = $('#datatable tbody tr').eq(i); 
    var bar1 = target.find('td').eq(0).text(); 
    var bar2 = target.find('td').eq(1).text(); 

    var diff = Number(bar1) - Number(bar2); 

    diffChart.push(diff); 

} 

あなたは、私がこの過去の多くの助けになることができませんでした

申し訳ありませんが、このjsfiddleでコンソールログ出力の例を表示することができます。

+0

差の絶対値を使うことをお勧めしますが、希望のプロット結果が何であるかはまだ分かりません。 – jlbriggs

+0

もう一つの助けが必要ケルビン、 –

+0

@SivakumarMunusamyあなたはどれくらい取得しましたか? – thisiskelvin

関連する問題