Как удалить галочки или внутренние круги графика полярной области Chart.js

Я написал код для моего графика на Jquery и использую график для отображения данных на моей Django Web Page, я хочу удалить внутренние круги, которые я думаю называются тиками, вместе с маленькими числами, которые отображаются вместе с ними. Я пытался использовать

ticks:{ отображение: false, }

и

scale:{ display: false, }

но мне не повезло ни с тем, ни с другим, я не уверен, как это сделать.

Код для диаграммы:

            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 %}

В версии 3 масштаб radialLinear настраивается не в объекте scale, а в пространстве имен scales с пространством имен r для radial. Также она должна быть настроена не в разделе plugins, а в корне объекта options. И, наконец, gridLines был переименован в grid.

Обо всех изменениях между V2 и V3 читайте в руководстве по миграции

Живой пример: 

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>

Вернуться на верх