@Analka

Как отображать проценты в тултипе?

Как при наведении на диаграмму добавить процент, чтобы было Wins: 32%?
Сейчас просто выдает при наведении Wins: 32.

var ctx = document.getElementById('myChart').getContext('2d');
                    const total = parseInt($('#t-games').html());
                    const wins = parseInt($('#wins').html());
                    const los = parseInt($('#los').html());
                    var myChart = new Chart(ctx, {  
                         options: {

                            scales: {
                              xAxes: [{
                                gridLines: {
                                  display: false
                                },
                                ticks: {
                                    display: false
                                  }
                              }],
                              yAxes: [{
                                gridLines: {
                                  display: false
                                },
                                ticks: {
                                    display: false
                                  }
                              }]
                            },

                          },
                        type: 'doughnut',
                        data: {
                            labels: ['Wins', 'Loses '],
                            datasets: [{
                                data: [wins,los],
                                backgroundColor: [
                                    'rgba(31, 210, 31, 0.86)',
                                    'rgba(225, 39, 39, 0.86)'
                                ],
                                borderColor: [
                                    'rgba(31, 210, 31, 0.86)',
                                    'rgba(225, 39, 39, 0.86)'
                                ],
                                borderWidth: 1
                            }]
                        }
                    });
  • Вопрос задан
  • 130 просмотров
Решения вопроса 1
0xD34F
@0xD34F
options: {
  tooltips: {
    callbacks: {
      label({ index }, { datasets: [ { data } ], labels }) {
        const percent = 100 * data[index] / data.reduce((acc, n) => acc + n, 0);
        return `${labels[index]}: ${percent.toFixed(1)}%`;
      },
    },
  },
},
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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