Задать вопрос
@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
                                }
                            }]
                        }
                    }
                });
  • Вопрос задан
  • 282 просмотра
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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