Escribí el código para mi gráfico en Jquery y estoy usando el gráfico para mostrar datos en mi página web de Django, quiero eliminar los círculos internos que creo que se llaman marcas junto con los pequeños números que se muestran con ellos. He intentado usar el
garrapatas:{ pantalla: falso, }
y
escala:{ pantalla: falso, }
pero no he tenido suerte con ninguno de los dos, no estoy seguro de cómo hacerlo.
Código para el gráfico:
new Chart("chart_{{ i.pk }}_{{ t.pk }}", { type: "polarArea", data: { labels: labels_{{ t.pk }}, datasets: [{ fill: true, pointRadius: 1, {# borderColor: backgroundColors_{{ t.pk }} ,#} backgroundColor: backgroundColors_{{ t.pk }} , data: totals_{{ i.pk }}_{{ t.pk }}_arr, }] }, options: { responsive: false, maintainAspectRatio: true, plugins: { legend: { display: false, }, scale: { ticks: { display: false, }, gridLines: { display: false, lineWidth: 7, tickMarkLength: 30// Adjusts the height for the tick marks area }, }, title: { display: false, text: 'Chart.js Polar Area Chart' } } } }); {% endfor %} {% endfor %} {% endblock %}
En v3, la escala radialLinear ya no está configurada en el objeto de scale
sino también en el espacio de nombres de scales
con el espacio de nombres r
para radial. Además, no debe configurarse en la sección de complementos sino en la raíz del objeto de opciones. Y como último, gridLines
ha sido renombrado a grid
.
Para todos los cambios entre V2 y V3, lea la guía de migración
Ejemplo en vivo:
const options = { type: 'polarArea', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"] }] }, options: { scales: { r: { ticks: { display: false // Remove vertical numbers }, grid: { display: false // Removes the circulair lines } } } } } 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.7.0/chart.js"></script> </body>