Wysokość statyczna płótna Chartjs

Question

Używam chart.js 2.3.0 do rysowania wykresu. Chcę ustawić wysokość wykresu na statyczną (stała, np. 200px), ale chcę również ustawić szerokość szerokości do 100% . Jednym z rozwiązań Widziałem to zrobić:

responsive: false

w opcjach wykresu. Ale po wykonaniu tej czynności szerokość zmniejsza się również o. Czy jest jakiś najlepszy sposób na zrobienie tego?

wysokość statyczna i szerokość 100%.

Answer 1

options: { 
responsive: true, 
maintainAspectRatio: false 
} 

To doskonale współpracuje z tych opcji.

Answer 2

Jeśli chcesz przełamać współczynnik kształtu, możesz użyć opcji maintainAspectRatio z docs. Twoja wysokość i szerokość powinny być następnie zaczerpnięte z wartości zestawu arkuszy lub użyj css do ustawienia stylów dla elementu canvas.

options: { 
    responsive: false, 
    maintainAspectRatio: false 
}