【问题标题】:Highcharts specify height of plot area onlyHighcharts 仅指定绘图区域的高度
【发布时间】:2017-07-26 19:44:22
【问题描述】:

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

如您所见,这两个图的总高度相同,但条形的实际大小不同。我宁愿设置绘图区域的高度,并让标签在下方占据所需的空间。据我所知,没有简单的方法来设置绘图区域的高度,有没有人有任何想法(可能如何设置 y 轴刻度的高度或其他什么?

【问题讨论】:

    标签: javascript highcharts


    【解决方案1】:

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

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

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

    【讨论】:

    【解决方案2】:

    试试这个:

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

    此解决方案需要highchart-more

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-01-15
      • 2016-03-13
      相关资源
      最近更新 更多