日历上升而不是向下(反转系列)的高位图倒线?

时间:2015-06-19 13:26:33

标签: highcharts highstock

我已经实施了类似于此演示的图表:http://www.highcharts.com/demo/area-inverted

如何将日期轴的系列反转,使日期向顶部上升?

编辑:实际上我得到了演示的小提琴,但不是真正的。我会尝试镜像它来摆弄并在这里发布一个链接......

更新:搞定了。这是一个日期向上的演示,数据集是带时间戳的数据,dateformat是工作日,没有使用类别!

1 个答案:

答案 0 :(得分:1)

搞定了。以下是日期向上的演示,数据集是带时间戳的数据,dateformat是工作日,没有使用任何类别:http://jsfiddle.net/ryfssm1u/

$('#container').highcharts({
    chart: {
        type: 'spline',
        inverted: true
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -150,
        y: 100,
        floating: true,
        borderWidth: 1
    },
    xAxis: {
        type: 'datetime',
        reversed: false,
        tickInterval: 24 * 3600 * 1000,
        labels: {
            enabled: true,
            format: '{value:%a}'
        }
    },
    yAxis: {

    },
    series: [{
        type: 'spline',
        color: '#bb2a9d',
        lineWidth: 2,
        pointInterval:  24 * 3600 * 1000,
        data: [
           [ 1433297870000,     85 ],
           [ 1433211470000,     22 ],
           [ 1433125070000,     32 ],
           [ 1433038670000,     54 ],
           [ 1432952270000,     36 ],
           [ 1432865870000,     76 ],
           [ 1432779470000,     34 ],
           [ 1432693070000,     85 ]
       ]
    }]
});