Question

我有一个网站，我正在使用极好的HighCharts库 - http://weather.crowe.co.nz

图表工作正常，但我希望有一个X轴标签，如下所示

12并在新线上

但我想控制\ n创建的距离。即我希望am更接近12。

所以我的问题是如何控制12和am之间的垂直空间？或者我应该尝试使用highcharts绘图例程手动绘制值？

如果你没有看到问题am或pm它太靠近底部边框，你可以在这张图片中看到

Sorry image not displaying so please click here to see it

Answer 1

要收紧x轴标签中的换行符之间的空格，请设置useHTML: true，然后在lineHeight属性中定义style。

  xAxis: {
    categories: ['Jan<br />here', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
    labels: {
      useHTML: true,
      style: {
        lineHeight: '120%' // set this to whatever value is needed
      }
    }
  },

以下是此调整的示例：http://jsfiddle.net/brightmatrix/anw8p884/1/

我希望这对你有所帮助。

（顺便说一句，您网站上的天气仪表板非常精彩！我特别喜欢您在实际值和预测值之间的界限。）

Highcharts - 带LineFeed的XAxis标签 - 如何缩小间隙？

1 个答案: