2017-01-22 40 views
1

In this Highcharts chartデータポイントがポイント5で終わるラインがありますが、そのポイントにデータがなくてもxAxisはポイント6で終わります。これは私がendOnTick:trueを設定したためです。質問はendOnTickの背後にある論理は何ですか?なぜ新しいポイントを追加し、データで終了しないのですか?ハイチャートでは 'endOnTick'はどのように機能しますか?

Javascriptを

var settings = 
     { 
     "chart": { 
      "type":"line" 
     }, 
     "xAxis": { 
      "endOnTick":true 
     }, 
     "series":[ 
      {"name":"series1","data":[[1,1200],[2,2200],[3,3200],[4,1800],[5,1500]]}, 
      {"name":"series2","data":[[1,1050],[2,2050],[3,1650],[4,1450],[5,1350]]}, 
      {"name":"series3","data":[[1,1250],[2,2250],[3,1850],[4,1650],[5,1550]]}] 
     } 


    $('#container').highcharts(settings); 

答えて

1

ロジックはかなりあなたが期待するものです。 endOnTicktrueの場合、軸を伸ばして目盛りで止まるようにします。しかし、あなたの例ではあまり見えません。

endOnTick: falseがある場合、軸が5を少し超えていることがわかります。これは、maxPaddingがx軸のデフォルトの0.01であることがわかります。 5を超える非常にわずかな延長は、endOnTick: trueを設定することによって次のティックに軸を延長する必要があることを意味します。

setting maxPadding: 0 and endOnTick: trueでこれをテストできます。次に、軸が5を超えないので、余分なポイントが生成されないことがわかります。

これらの設定には、x軸とy軸のデフォルト値が異なります。

関連する問題