0
226
ViewsOcultar todas las etiquetas de escala en chartjs
Tengo un gráfico que parecía bastante decente.
Solo mostraba una línea, un conjunto de datos y ninguna etiqueta/eje y.
se configuró así
options: { plugins: { legend: { display: false } }, scales: { y: { display: false }, x: { display: false } } }pero luego decidí agregar otro conjunto de datos con una escala diferente. Así que ahora mi configuración se ve así:
options: { plugins: { legend: { display: false } }, scales: { y: [ { id: 'viewTime', display: false }, { id: 'diff', display: false } ], x: { display: false } } } Y el problema es que, de hecho, muestra tanto el tiempo de viewTime como la escala de diff .
¿Me estoy perdiendo algo o cómo escondo todas las escalas?
·
Juan Pablo Isaza
1 answers
Answer question0
Las escalas ya no son matrices. En v3, cada escala es su propio objeto donde la clave es la ID de la escala, por lo que obtendrá esto:
const options = { type: 'line', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], borderColor: 'pink' }, { label: '# of Points', data: [7, 11, 5, 8, 3, 7], borderColor: 'orange', yAxisID: 'y2' } ] }, options: { plugins: { legend: { display: false } }, scales: { y: { display: false }, y2: { display: false }, x: { display: false } } } } const ctx = document.getElementById('chartJSContainer').getContext('2d'); new Chart(ctx, options); <body> <canvas id="chartJSContainer" width="600" height="400"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.6.0/chart.js"></script> </body>
·
Juan Pablo Isaza
Report
Answer question