2015-06-19 69 views
0

我已經實現了類似的圖表比這個演示:http://www.highcharts.com/demo/area-invertedHighcharts倒行,日期向上而不是向下(倒序)?

我該如何反轉系列的日期軸,使日期上升到頂部?

編輯:其實我得到演示的小提琴工作,但不是這個真正的。我會盡量鏡像它來撥弄和發佈鏈接在這裏...

更新:明白它的工作。這裏是日期向上的演示,數據集是時間戳數據,dateformat是星期幾,並且沒有使用類別!

回答

1

得到它的工作。下面是日期走上坡路的演示和數據集是時間戳數據,日期格式爲工作日和不使用類: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 ] 
     ] 
    }] 
}); 
+0

的關鍵正在**相反:假**設置 – jlbriggs