Question

In this Highcharts chart我有一行数据点以第5点结尾，但xAxis在第6点结束，即使该点没有数据。这是因为我设置endOnTick:true，问题是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);

Answer 1

逻辑几乎是你所期望的。如果endOnTick为true，则会延长轴以确保它停在勾号上。但是，在您的示例中，它不是很明显。

如果你仔细观察x轴，你可以看到，如果你有endOnTick: false，那么轴会略微超过5.这是因为maxPadding默认为0.01 x轴上。这个超过5的非常小的延伸意味着设置endOnTick: true必须将轴扩展到下一个刻度。

您可以setting maxPadding: 0 and endOnTick: true进行测试。然后你会看到，当轴不超过5时，它不会产生额外的点。

请注意，这些设置对于x轴和y轴具有不同的默认值。

＆＃39; endOnTick＆＃39;在Highcharts工作？

1 个答案: