如何获得Highcharts X轴类别开始于最左边的点(How to get Highcharts

2019-06-23 12:32发布

我有一个Highcharts面积图,与X轴串类。 我希望图表的x轴和端在最右边边缘的最左边缘开始,而没有任何填充。 在下图中,红色箭头显示,我想摆脱的间距。 没有文字的类别,这是很容易实现,但我似乎无法推测出来。 任何帮助表示赞赏,感谢。

Answer 1:

您可以通过实现对轴重新定义labels.formatter期望的结果。 的jsfiddle在这里。

但是,如果你想保持它的简单,并通过axis.categories以传统的方式(我认为这是一种更加好),我建议你使用一个小黑客,重新定义Axis.init功能。 试试它的jsfiddle 。

UPD:我已经更新了我以前的小提琴一点。 检查出来 。 我认为,你可以将我所有的解决方案,以获得一个更好的一个。



Answer 2:

您可以使用spacingLeft和spacingRight设置间距:

chart: {
         renderTo: 'chart1',
         type: 'area',
         spacingLeft: -21,      
         spacingRight: -21,      
         spacingBottom: 1
},


Answer 3:

一个清洁的解决方案是使用pointPlacement中提供的参考Highchart API 。

添加pointPlacement: 'on' ,你应该在企业。 (作为参考, 这里是他们的例子的jsfiddle )



Answer 4:

只需添加:

...
xAxis: {
  startOnTick: true,
  ...
},
...


Answer 5:

你需要以下设置。

xAxis: {           
  plotLines: [{
    value: 0, 
    color: '#color'
  }],
  tickmarkPlacement: 'on'
},
yAxis: {           
  lineWidth: 0,
}


文章来源: How to get Highcharts X-Axis Categories starting at the left most point