highcharts - Highcharts：面积图：填充0到第一个点之间的空格

Question

http://jsfiddle.net/gabrielesandoval/efHq7/

有没有办法填补y轴和第一个点之间的间隙。我图表上的第一点应该是“25 年”，我也希望填写 0 到 25 之间的区域。即使工具提示不适用于该点，我只想直观地显示 0 和第一个点之间的值。

我尝试添加一个 ax 值为零的点，但这没有用。我见过的唯一两个轴和区域之间没有间隙的区域图是图表倒置的示例。有没有合适的方法来做到这一点？

当前代码：

        $(function () {
    $('#container').highcharts({
    chart: {
        type: 'areaspline'
    },
    title: {
        text: 'Monthly Comparison'
    },
    subtitle: {
        text: '1 vs 2'
    },
    xAxis: {
         min: 0,
        categories: [0, '25 years', '30 years', '35 years', '40 years', '45 years']
    },
    yAxis: {
        labels: {
            formatter: function() {
            return '$' + this.value;
            }
        },
        min: 0,
        title: {
            text: 'Cost'
        }
    },
    tooltip: {
        shared: true,
        valuePrefix: '$'
    },
    credits: {
        enabled: false
    },
    legend: {
        enabled: false
    },
    plotOptions: {
        area: {
            lineWidth: 1,
            marker: {
            enabled: false
            },
            shadow: false,
            states: {
            hover: {
                lineWidth: 1
            }
            }
        }
    },
    series: [{
        type: 'area',
        name: 'series1',
        data: [['',60],['25 years',60], ['30 years',60], ['35 years',60], ['40 years',60], ['45 years',60]]
        }, {
        type: 'area',
        name: 'series2',
        data: [['',90], ['25 years',100], ['30 years',175], ['35 years',300], ['40 years',400], ['45 years',400]]
    }]
    });
});

Answer 1

您应该将 minPadding/maxPadding 设置为 0，但这些参数不适用于类别。因此，您需要使用数字 xAxis，而不是类别。