时间戳

首页 > 解决方案 > highchart 条形数据，边框适合数据

javascript - highchart 条形数据，边框适合数据

问题描述

我在 SO & Highcarts 文档上搜索了很多，但找不到任何东西。

我有一个带有负值和正值的条形图，因为我将使用宽日期范围，所以我需要尽可能多地避免空白。我希望图表适合边界（图表的底部和顶部），以使用所有可用的高度。

这是我迄今为止尝试过的 jdfiddle：http: //jsfiddle.net/816kh4ev/

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

“EndOnTick”选项有点棒，但我也希望负值保持在底部。

我没有想法（min、floor、endOnTick、maxpadding），所以如果你们中的一个人是 highchart 大师，那就太棒了。

谢谢

标签： javascripthighcharts

解决方案

正如你所拥有的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/。

推荐阅读