2016-12-02 61 views
2

私はchart.jsを使って作った作業チャートを持っています。デフォルトではY軸は左ですが、Y軸データを両側に持っていますChart.js左右の同じY軸

yAxes: [{ 
position: 'right' 
}] 

が、私は両側で同じY軸データを希望:

は、私が使用しての側面を変更することができます知っています。 これを行うにはどうすればいいですか?

ありがとうございました。

答えて

1

ここに1つの方法です:

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

あなたyAxes []はその中のオブジェクト{}とアレイあるので、あなたがそれに別のYSCALEを追加する必要がありますが、

enter image description here

Live demo: Chart.js Double yAxis

新しい軸の1つをデフォルトに準拠するように再フォーマットする必要があることに注意してください。両方の書式を設定するか、見た目に応じて変更する場合はそれらのパラメータをデータに結びつける必要があります。

関連する問題