ハイチャートプラグインの2つの棒グラフの間に新しい値を表示したいのですが、ハイチャートで単純な棒グラフを作成しましたが、新しいラインの2つのバーの違いを表示する必要があります。 下の画像でこれを説明していますので、下記の画像を参考にしてください。ハイチャートの2つのバーの違いを表示するには?
私は以下の形式/デザインで、その情報を表示したい、私はこの問題を解決するのに役立ち 画像2、 してください、それが高いチャートに可能ですか? Image 2
ハイチャートプラグインの2つの棒グラフの間に新しい値を表示したいのですが、ハイチャートで単純な棒グラフを作成しましたが、新しいラインの2つのバーの違いを表示する必要があります。 下の画像でこれを説明していますので、下記の画像を参考にしてください。ハイチャートの2つのバーの違いを表示するには?
私は以下の形式/デザインで、その情報を表示したい、私はこの問題を解決するのに役立ち 画像2、 してください、それが高いチャートに可能ですか? Image 2
私はテーブルからデータを抽出して差異を計算しました。しかし、この例にはいくつかのマイナスの違いがある。 -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でコンソールログ出力の例を表示することができます。
差の絶対値を使うことをお勧めしますが、希望のプロット結果が何であるかはまだ分かりません。 – jlbriggs
もう一つの助けが必要ケルビン、 –
@SivakumarMunusamyあなたはどれくらい取得しましたか? – thisiskelvin
jsコードを貼り付けることはできますか? – thisiskelvin
Highcharts.chart( 'コンテナー'、{ データ:{ 表: 'データテーブル' }、 チャート:{ タイプ: '列' }、 タイトル:{ テキスト:「HTMLテーブルから抽出されたデータ「} 、 Y軸:{ allowDecimals:偽、 タイトル:{ テキスト:「ページ内のユニットの }} 、 ツールチップ:{ フォーマッタ:機能(){ リターン '' +これ。 series.name + '
' + this.point.y + '' + this.point.name.toLowerCase(); } } }); –
実際には基本的なbarchartsが必要です。リンクをクリックして例を得るには、 http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/columnを参照してください。 -parsed/ –