Задать вопрос
@asdqwee
Front-end developer

Как в chart.js Polar Area выводить название секций вокруг круга?

вот так выглядит мой график
5a68c7e463f51183596163.png
название секций выводятся снизу

Как сделать так, что бы они выводились как на этой картинке?
5a68c83d1b60e430325220.png

Мои настройки:
var chartRadar = new Chart(ctxRadar, {
                    type: 'polarArea',
                    data: {
                        labels: [quiz[0][1], quiz[1][1], quiz[2][1], quiz[3][1], quiz[4][1], quiz[5][1], quiz[6][1], quiz[7][1], quiz[8][1]],
                        datasets: [{
                            label: '# of Votes',
                            data: [quiz[0][2],quiz[1][2],quiz[2][2],quiz[3][2],quiz[4][2],quiz[5][2],quiz[6][2],quiz[7][2],quiz[8][2]],
                            backgroundColor: [
                                'rgba(61, 180, 190, .9)',
                                'rgba(61, 180, 190, .7)',
                                'rgba(61, 180, 190, .5)',
                                'rgba(61, 180, 190, .3)',
                                'rgba(243, 118, 88, .9)',
                                'rgba(243, 118, 88, .7)',
                                'rgba(243, 118, 88, .5)',
                                'rgba(255, 195, 1, .9)',
                                'rgba(255, 195, 1, .7)',
                                'rgba(255, 195, 1, .5)'
                            ],
                            borderColor: [
                                'rgba(255,99,132,1)',
                                'rgba(54, 162, 235, 1)',
                                'rgba(255, 206, 86, 1)',
                                'rgba(75, 192, 192, 1)',
                                'rgba(153, 102, 255, 1)',
                                'rgba(255, 159, 64, 1)'
                            ],
                            borderWidth: 1
                        }]
                    },
                    options: {
                        responsive: false,
                        legend: {
                            display: true,
                            position: 'bottom',
                            labels: {
                                fontColor: 'rgb(255, 99, 132)'
                            }
                        },
                        scales: {
                            yAxes: [{
                                ticks: {
                                    beginAtZero:true
                                }
                            }]
                        }
                    }
                });
  • Вопрос задан
  • 289 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы