Chart.js極座標図がスケールが正しくない

Question

Chart.jsを使用して極座標グラフを作成していたときに問題が発生しました。ここでの問題は、次のとおりです。 Chart canvas is not displaying right in mobile devices

そしてここでは、コードのjsのコードは

var config = { 
type: 'polarArea', 
data: { 
    labels: [ 
    "HTML/CSS", 
    "jQuery", 
    "PHP/MYSQL", 
    "PS/AI", 
    "PR/AE", 
    "Processing", 
    "Arduino" 
    ], 
    datasets: [{ 
    data: [95, 80, 30, 70, 60, 50, 50], 
    backgroundColor: [ 
     "rgba(255, 87, 34, 0.7)", 
     "rgba(3, 169, 244, 0.5)", 
     "rgba(233, 30, 99, 0.5)", 
     "rgba(255, 193, 7, 0.5)", 
     "rgba(156, 39, 176, 0.5)", 
     "rgba(13, 71, 161, 0.5)", 
     "rgba(12, 161, 166, 0.5)", 
    ], 
    }], 
}, 
options: { 
    scale: { 
    reverse: false, 
    ticks: { 
     min: 20, 
     max: 90 
    } 
    } 
} 
}; 
window.onload = function() { 
window.myRadar = new Chart(document.getElementById("canvas"), config); 
}; 

いる誰もが、この問題で私を助けてもらえますか？ ありがとう！

Answer 1

（オプション）maintainAspectRatio: false,を追加して、大量のラベルのために実際のグラフを小さなサイズにプッシュする素敵な四角形を維持しないようにしてください。

options: { 
    maintainAspectRatio: false, 
    scale: { 
     reverse: false, 
     ticks: { 
     min: 20, 
     max: 90 
     } 
    } 
    }