高图-标签被剪掉

Question

有关此主题的几个问题，但没有一个对我有帮助。

我有一个Web应用程序，可以在Highcharts中可视化excel数据。用户上传他们的数据，应用程序将其可视化。

问题：类别标签已被删除。这通常在用户在第一个视图上上传数据后立即发生。

可能的原因：可能是因为在渲染图表时我们正在更改字体样式吗？我猜默认字体是Lucida？而且我们正在将其更改为快递，并且发生了奇怪的事情？

注意：我不能对高度，宽度和边距使用固定值。这取决于数据。有些带有长标签，有些则没有。它是动态的。

Answer 1

这实际上是一个Highcharts错误，它的发生是因为您使用了其他字体。检查GitHub问题：https://github.com/highcharts/highcharts/issues/6782。

一种解决方法（这不是完美的方法），是在发生加载事件时，使用axis labelGroup宽度设置图表的左侧边距以及一些额外的偏移量：

events: {
  load: function() {
    var chart = this,
        xAxis = chart.xAxis[0],
        width;

    width = xAxis.labelGroup.getBBox().width;

    chart.update({
        chart: {
        margin: [50, 50, 100, width + 50]
      }
    }, true, false, false);
  }
}

演示： https://jsfiddle.net/wchmiel/e1qza6mc/