x 轴标签与 Highcharts 中图表之间的距离

Meg*_*gan 3 javascript highcharts

我正在尝试在 Highcharts 中创建 x 轴标签和图表之间的距离。我尝试使用“距离”和“填充”,但没有奏效。

    chart: {
        type: 'column'
    },

    title: {
        text: 'Data input as column arrays'
    },

    data: {
        columns: [
            [null, 'Apples', 'Pears', 'Oranges'], // categories
            ['Blue', 1, 4, 3], // first series
            ['Black', 5, 4, 2] // second series
        ]
    },
    xAxis: {
  categories: [
    'First Category',
    'Second Category',
    'Third Category',
  ],
  labels: {
    style: {
    fontFamily: 'openSans',
    fontSize: '16px',
    color: '#000000',
    },
  }
}
Run Code Online (Sandbox Code Playgroud)

这是 jsfiddle:http : //jsfiddle.net/aaq4zww5/2/

谢谢!

mus*_*ria 5

选项 1:在offset中使用xAxis

     xAxis: {
...
            offset: 10,
    },
Run Code Online (Sandbox Code Playgroud)

选项2:使用yxAxis->labels

      labels: {
...
          y: 25,
      },
Run Code Online (Sandbox Code Playgroud)

检查jsfiddle