2017-09-11 1 views

答えて

1

通常の縦棒グラフをプロットするのと同じです。負の値を使用すると、Highchartsはチャートを自動的にスケーリングします。

Highcharts.chart('container', { 
    chart: { 
     type: 'column' 
    }, 
    title: { 
     text: 'Column chart with negative values' 
    }, 
    xAxis: { 
     categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
    }, 
    credits: { 
     enabled: false 
    }, 
    series: [{ 
     name: 'John', 
     data: [5, 3, 4, 7, 2] 
    }, { 
     name: 'Jane', 
     data: [2, -2, -3, 2, 1] 
    }, { 
     name: 'Joe', 
     data: [3, 4, 4, -2, 5] 
    }] 
}); 

jsFiddle:ご返信用Link

+0

おかげ@Emreを!グラフにグリッド線が表示されないようにする。 HTMLテーブル行(タグ)内にこの棒グラフを作成しています。何らかの理由で、垂直線(x軸)は0に描画されず、むしろ最も高い負の値の左側に描画されます。 – rsp

+0

jsFiddleを作成できますか?コードを見ずに問題を解決するのは難しいです。 –

+0

お返事ありがとうございます。ここに私が持っているものがあります - https://jsfiddle.net/y433y4vL/ 背景を与えるために、私はHTMLテーブルを持っています。各行にはこの棒グラフの1つがあります。別々の行にあるすべての値は、正の値と負の値を持つ表を横切る棒グラフのようになります。 Y軸の最大値と最小値は動的ですが、表のすべてのグラフで同じです。私は-100と+100をここでの参考として設定しました。私の問題は、バーの左側にX軸線がプロットされていないことです。これが参考になることを願っています。 – rsp

関連する問題