Highcharts仅指定绘图区域的高度

时间:2017-07-26 19:44:22

标签: javascript highcharts

我在Highcharts中有一个柱形图。 x轴标签的高度可以变化。目前我将图表“height”属性设置为200.这使得整个图表的高度,包括x轴标签200像素。因此,如果x轴标签更高,则绘图区域会缩短。

plot with tall labels plot with short labels

正如您所看到的,两个图的总高度相同,但是条的实际尺寸不同。我宁愿设置绘图区域的高度,让标签占据他们需要的下方空间。据我所知,没有简单的方法来设置绘图区域的高度,是否有人有任何想法(可能如何设置y轴刻度的高度或什么?

2 个答案:

答案 0 :(得分:1)

在发布问题之前,我花了很长时间摆弄这个问题,然后当然在问完后找到了解决方案。

chart: {
    type: "column",
    height: 220,
    marginBottom: 100,
}

通过将marginBottom设置为足以包含高标签和短标签的数字,图表现在是一致的。这仍然不是我最喜欢的解决方案,我想要一种方法来强制绘制区域本身的高度,但这次解决了我的具体问题。

答案 1 :(得分:0)

尝试一下:

pane: {
      size: 300 //here you can give number or string or percantege
    }

此解决方案需要highchart-more