highcharts - Highcharts 将绘图点对齐以从 y 轴开始

Question

我已经尽我所能让图表从图表的绝对左侧开始（偏移量、minPadding、startOnTick 等）。无论我做什么，我都无法从很远的地方开始。以下是图片示例：

这是一个代码示例 im JsFiddle，您可以在其中尝试：http: //jsfiddle.net/agrublev/VDVpu/3/

这是一些代码：

chart: {
        type: 'area',
        height: '175'
    },
    legend: false,
    plotOptions: {
        series: {
            events: {
                click: function (e) {
                    location.href = e.point.options.url;
                }
            },
            fillColor: {
                linearGradient: [0, 0, 0, 300],
                stops: [
                    [0, 'rgba(201,241,217,0)'],
                    [1, 'rgba(201, 241, 217,1)']
                ]
            }
        }
    },
    title: {
        text: false
    },
    xAxis: {
        categories: ['04/17', '04/17', '04/17', '04/18', '04/19', '04/19', '04/20', '04/20', '04/21', '04/21'],
        labels: {
            align: "left"
        },tickmarkPlacement: 'on',
        startOnTick: true
    },
    yAxis: {
        title: {
            text: false
        },
        labels: {
            formatter: function () {
                return '$' + (this.value).formatMoney(0);
            },
            y: 15
        },
        alternateGridColor: '#f4f8f9',
        gridLineColor: '#c4dce2' 
    },

非常感谢任何帮助！

Answer 1

不要使用分类的 xAxis，尝试使用或线性，或日期时间，与 labelformatter。例子：

xAxis: {
  labels: {
    formatter: function(){
       return names[this.value];
    }
  }
}

names类别数组在哪里。见：http: //jsfiddle.net/9tpao7Lf/

Answer 2

我认为不是类别系列而是像这里这样的日期时间系列

我已经更改了您的 jsfiddle，您可以在http://jsfiddle.net/VDVpu/4/上查看

xAxis:{
 type:'datetime',
}

Answer 3

如果您不想更改 xAxis 的类型，一种可能的解决方案是在 xAxis 选项中使用 min & max。

参考检查以下 jsfiddle 代码 http://jsfiddle.net/zdMTy/58/

    var categories = ['A', 'B', 'C', 'D','E'];
    xAxis: {
          categories: categories,
          min: 0.5,
          max:categories.length - 1.5
    }