代码之家 › 专栏 › 技术社区 › Boosted_d16

海图-标签切断

data-visualization highcharts javascript

Boosted_d16 · 技术社区 · 6 年前

我有一个web应用程序,它可以将excel数据以图表的形式显示出来。用户上传他们的数据,应用程序将其可视化。

问题: 分类标签被切断了。这通常发生在用户上传数据后的第一个视图上。

潜在原因:

注:

1 回复 | 直到 6 年前

Wojciech Chmiel 6 年前

这实际上是一个Highcharts错误,它的出现是因为您使用了不同的字体。检查GitHub问题: https://github.com/highcharts/highcharts/issues/6782

解决方法(这不是完美的方法)是使用axis labelGroup width设置图表左边距,并在发生加载事件时进行一些额外的偏移:

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/