Leinwand statische Höhe Chartjs

Question

Ich benutze chart.js 2.3.0, um Grafik zu zeichnen. Ich möchte die Höhe des Graphen statisch machen (fest, z. B. 200px) aber auch Breite auf 100% setzen. Eine Lösung, die ich gesehen habe, ist zu tun:

responsive: false

in den Grafik-Optionen. Aber danach Breite reduziert auch. Gibt es den besten Weg, es zu tun?

statische Höhe und 100% Breite.

Answer 1

options: { 
responsive: true, 
maintainAspectRatio: false 
} 

Es arbeitet perfekt mit diesen Optionen.

Answer 2

Wenn Sie das Seitenverhältnis brechen wollen Sie die maintainAspectRatio Option aus dem docs verwenden können. Ihre Höhe und Breite sollten dann aus den Canvas-Set-Werten übernommen werden, oder Sie verwenden CSS, um Stile für das Canvas-Element festzulegen.

options: { 
    responsive: false, 
    maintainAspectRatio: false 
}