14

X 軸に文字列カテゴリがある Highcharts 面グラフがあります。グラフを x 軸の左端から開始し、パディングなしで右端で終了するようにします。下の画像の赤い矢印は、削除したい間隔を示しています。テキストカテゴリがなければこれは簡単に達成できますが、それを理解することはできません. 助けていただければ幸いです。

不要なパディングのあるグラフ

4

6 に答える 6

15

軸で labels.formatter を再定義することで、目的の結果を得ることができます。jsFiddleはこちらです。

しかし、シンプルに保ち、従来の方法で渡したい場合axis.categories(これはより良い方法だと思います)、小さなハックを使用してAxis.init関数を再定義することをお勧めします。jsFiddleで試してみてください。

UPD:以前のフィドルを少し更新しました。それをチェックしてください。私の解決策をすべて組み合わせて、より良いものを得ることができると思います。

于 2012-10-07T19:30:09.677 に答える
4

間隔を設定するには、spacingLeftとspacingRightを使用できます。

chart: {
         renderTo: 'chart1',
         type: 'area',
         spacingLeft: -21,      
         spacingRight: -21,      
         spacingBottom: 1
},
于 2012-10-24T08:01:56.197 に答える
3 
xAxis: {
categories: ['cat1', 'cat2', 'cat3', 'cat4', 'cat5']
},
series: [
    {
      name: 'name of series',
      data: [0, 2, 0, 2, 0],
      pointPlacement: 'on',
    }
]

この解決策は私にとってはうまくいきました。これが他のデータ入力方法に当てはまるかどうかは確認できません。

于 2020-06-24T12:55:12.513 に答える
2

追加するだけです：

...
xAxis: {
  startOnTick: true,
  ...
},
...
于 2012-04-10T14:31:58.430 に答える
0

以下の設定が必要です。

xAxis: {           
  plotLines: [{
    value: 0, 
    color: '#color'
  }],
  tickmarkPlacement: 'on'
},
yAxis: {           
  lineWidth: 0,
}
于 2012-10-04T12:53:42.107 に答える