2016-12-02 114 views
2

我有一張使用chart.js製作的工作圖,默認情況下Y軸在左邊,但我想在兩邊都有Y軸數據Chart.js左右相同的Y軸

我知道我可以用換邊:

yAxes: [{ 
position: 'right' 
}] 

但我想雙方相同的Y軸數據。 任何想法如何做到這一點?

謝謝你的幫助。

回答

1

這裏有一種方法:

您yAxes是一個Array []使用對象在它{},所以你需要另一個yScale添加到它,這裏一個例子:

scales: { 
    yAxes: [{ 
    display: true, 
    position: 'right', 
    ticks: { 
    beginAtZero: true 
    } 
    }, { 
    display: true, 
    position: 'left', 
    ticks: { 
    beginAtZero: true, 
    max: 45, 
    min: 0, 
    stepSize: 5 
    } 
    }] 
} 

enter image description here

Live demo: Chart.js Double yAxis

注意,您必須重新格式化其中一個新軸以符合默認值,您可能需要格式化這兩個參數或將這些參數與您的數據綁定(如果它將根據您希望的樣子而改變)。