高图表条数据,边框适合数据

时间:2018-07-17 08:05:36

标签: javascript highcharts

我在SO&Highcarts文档中进行了很多搜索,但找不到任何东西。

我有一个带有正负值的条形图,由于我将使用较宽的日期范围,因此我需要避免尽可能多的空白空间< / strong>。我希望图表适合边界(图表的底部和顶部),以使用所有可用的高度。

以下是到目前为止我尝试过的内容:http://jsfiddle.net/816kh4ev/

yAxis: {
    //floor: -200,
    //min: -200
    //maxPadding: 0.01,
    endOnTick: false        
 },

“ EndOnTick”选项很好,但我希望负值也要也要坚持到底

我没有主意(最小,最小,endOnTick,maxpadding),所以如果你们中的一个是高级图表大师,那就太好了。

谢谢

1 个答案:

答案 0 :(得分:1)

就像您拥有endOnTick一样,您拥有startOnTick,这是相同的,只是最小值。

yAxis: {
  startOnTick: false,
  endOnTick: false        
},

工作示例: http://jsfiddle.net/ewolden/816kh4ev/7

除此之外,您还可以减少填充:

yAxis: {
  minPadding: 0.01,
  maxPadding: 0.01,
  startOnTick: false,
  endOnTick: false        
},

请注意,minPadding / maxPadding表示填充最小值和最大值。

工作示例: http://jsfiddle.net/ewolden/816kh4ev/10/