javascript - Highchart 中 X 轴标签之间的填充

Question

有谁可以帮我离开这里吗？我们正在尝试为我们的 Web 应用程序实现 Highchart，但在某些图表中，由于点较近，X 轴标签是重叠的。

我们用于 X 轴的代码：

Highcharts.setOptions({
  xAxis: {
    gridLineWidth: 1,
    lineColor: '#000',
    tickColor: '#000',
    labels: {
      style: {
        color: '#000',
        font: '11px Trebuchet MS, Verdana, sans-serif',
      }
    },
    title: {
      style: {
        color: '#333',
        fontWeight: 'bold',
        fontSize: '12px',
        fontFamily: 'Trebuchet MS, Verdana, sans-serif'
      }
    }
  }
})

和

setXAxisParameters = {
  categories: xAxisCategories,
  title: {
    text: xAxisTitle
  },
  labels: {
    formatter: function() {
      xVal = (this.value).split("#")[0];
      if(xVal != '')
        return xVal;
      else
        return '';
    },
    y: 5,
    rotation: 90,
    align: 'left'
  }
}

提前致谢。

Answer 1

如果没有看到您的数据示例，很难判断它们是如何重叠的。您可以尝试将标签的方向更改为垂直 ( rotation) 和/或更改标签的其他选项 ( labels)。