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

时间:2016-03-11 08:25:46

标签: 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',
    },
  }
}

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

谢谢!

1 个答案:

答案 0 :(得分:4)

选项1:使用offset中的xAxis

     xAxis: {
...
            offset: 10,
    },

选项2:在y下使用xAxis->labels

      labels: {
...
          y: 25,
      },

检查jsfiddle