Tengo un proyecto donde muestro los movimientos del robot, quiero hacer este mapa para que las escalas x e y sean proporcionales entre sí. Estos datos son datos en tiempo real, que, como mencioné, muestran el movimiento de un robot. Puede alguien ayudarme con esto?
myChart = new Chart(ctx, { type: 'scatter', data: { datasets: [{ label: '', backgroundColor: "blue", fill: false, data: [], }] }, options: { scales: { xAxes: [{ ticks:{ suggestedMax:15, } }] yAxes: [{ ticks:{ suggestedMax:15, } }] } } });Puede definir la dimensión deseada de su canvas a través de la propiedad de width o height .
<canvas id="chartContainer" width="400"></canvas> ...o usando CSS .
canvas { width: 400px; } Además, también debe definir responsive: false y aspectRatio: 1 dentro de las options del gráfico, este último representa un lienzo cuadrado.
options: { responsive: false, aspectRatio: 1,Consulte Opciones de configuración en la documentación de Chart.js