Highcharts:面积图:填写0和第一点之间的空格

时间:2013-05-20 19:51:16

标签: highcharts

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

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

我尝试添加一个x值为零的点但是没有用。我看到的唯一区域图表是两个轴和区域之间没有间隙的地方图表是图表被反转的示例。有没有正确的方法来做到这一点?

enter image description here

当前代码:

        $(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]]
    }]
    });
});

1 个答案:

答案 0 :(得分:0)

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