No tiene un gráfico receptivo. No pienses cómo necesito arreglar eso. Quiero un gráfico en bloque de ancho completo.
new Chart(progressAllRef, { type: "line", data: { labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], datasets: [ { data: { Jan: 1, Feb: 2, Mar:3, Apr:4, May:5, Jun:6, Jul:7, Aug:8, Sep:9, Oct:10, Nov:11, Dec:12 }, borderColor: "#66D9BD", }, ], }, options: { responsive: true, layout: { padding: 20 }, plugins: { legend: { display: false } }, borderColor: "white", backgroundColor: "#6093c1", scales: { xAxis: { grid: { display:false, }, ticks: { color: "white", } }, yAxis:{ min: 0, max: 12, grid: { display:false, }, ticks: { color: "white", } }, } } });
Estilo:
.progress-block-second-progressAll_chart{ width: 95% !important; height: 65% !important; margin: 0% 2.5%; background-color: #6093c1; border-color: white; }
Img sin altura: 65% y sin relleno