chart.jsを使用して2つのy軸スケールの間にパディングを追加します

Question

私はchart.jsを使って3つの異なるデータセットをグラフ化しています。私は3つのy軸（左に2つ、右に1つ）を使用しています。すべてのy軸に軸タイトルを追加しました。しかし、左のタイトルは本当に外軸に近いです。私はmarginLabel {}内の余白とパディングを使って軸をタイトルから分離しようとしましたが、それはうまくいかないようです。何か案は？以下

JSFiddle

参照サンプルコード：

var leftInside = [ 
    ['2005-01-01','2005-02-01','2005-03-01','2005-04-01','2005-05-01','2005-06-01'], 
    [32, 45, 56, 44, 67, 80]]; 

var leftOutside = [ 
['2005-01-01','2005-02-01','2005-03-01','2005-04-01','2005-05-01','2005-06-01'], 
[2, -8, 12, 4, 15, 13]]; 

var right = [ 
['2005-01-01','2005-02-01','2005-03-01','2005-04-01','2005-05-01','2005-06-01'], 
[133, 137, 145, 152, 160, 130]]; 

var ctx = document.getElementById("chartjs").getContext("2d"); 
var myChart = new Chart(ctx, { 
    type: "line", 
    data: { 
    "labels": leftInside[0], 
    "datasets": [{ 
     "label": "left outside", 
     yAxisID: "y-axis-2", 
     "data": leftInside[1] 
    }, { 
     "label": "price ($)", 
     // "fill": "false", 
     yAxisID: "y-axis-1", 
     "data": right[1], 
     backgroundColor: "rgba(000,111,111,.5)", 
     // fill: false 
    }, { 
     "label": "left inside", 
     yAxisID: "y-axis-0", 
     "data": leftOutside[1] 
     // fill: false 
    }] 
    }, 
    options: { 
    scales: { 
     yAxes: [{ 
     scaleLabel: { 
      display: true, 
      labelString: "left outside" 
     }, 
     position: "left", 
     "id": "y-axis-0", 
     }, { 
     scaleLabel: { 
      display: true, 
      labelString: "right", 
     }, 
     position: "right", 
     "id": "y-axis-1", 
     }, { 
     scaleLabel: { 
      display: true, 
      labelString: "left inside", 
     }, 
     postion: "left", 
     "id": "y-axis-2", 
     }] 
    } 
    } 
}); 

Answer 1

これはchart.jsで開い問題である私は、これはchart.jsで未解決の問題だと思いthis