2015-11-09 97 views
4

我正在創建帶有2個y軸的折線圖。其中一個軸有兩個數據集,但都在0-100範圍內運行。數字越高越好。第二個y軸的範圍通常較小(通常爲單個數字),最佳結果爲1.如何使用chart.js(v2.0-dev)反轉y軸

如何反轉第二個y軸,使1位於圖表頂部?

(我會盡量找到一個解決方案自己,但在chart.js之5K +線,這可能需要一段時間)

謝謝^ _^

+0

你可以提供你有什麼小提琴至今 – Quince

+0

最後(擦拭汗水的額頭) https://jsfiddle.net/nwc8ys34/13/ – GreysonTyrus

+0

所以在這個例子中,你需要4位在頂部,8位在底部 – Quince

回答

6

開發圖表JS的2.0支持的選項扭轉蜱設置軸時讓你的第二軸的聲明將成爲

{ 
    type: "invertedLinear", // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance 
    display: true, 
    position: "right", 
    id: "y-axis-2", 
    ticks: { 
     reverse: true 
    }, 
    // grid line settings 
    gridLines: { 
     drawOnChartArea: false, // only want the grid lines for one axis to show up 
    } 
} 

這是在行動https://jsfiddle.net/nwc8ys34/15/

+0

太棒了! - 謝謝^ _^ – GreysonTyrus

+0

這可能在1.0.2中嗎?目前的穩定版本。 –

+0

據我所知,在1.x – Quince

1

使用v 2 .7.0,下面似乎工作:

options: { scales: { yAxes: [{ ticks: { reverse: true, } }] } }