在Highchart中的X轴标签之间填充

时间:2012-11-21 03:46:07

标签: javascript highcharts

任何人都可以帮助我吗?我们正在尝试为我们的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'
  }
}

提前致谢。

1 个答案:

答案 0 :(得分:0)

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