Отображение двух значений во всплывающей подсказке с помощью диаграммы. js - PullRequest
Новая
       95

Отображение двух значений во всплывающей подсказке с помощью диаграммы. js

0 голосов
/ 13 июля 2020

Я хочу отображать два значения (сумма, платный статус) во всплывающей подсказке, когда пользователь наводит курсор на отображение набора данных панели и набора данных строки в зависимости от месяца. в настоящее время отображается значение BarDataset 

let amount= [500, 2000, 1400, 900];
let paidStatus = ["Unpaid", "Paid", "Unpaid","Paid"];
let Months = ['January', 'February', 'March', 'April'];
let myChart = document.getElementById('myChart').getContext('2d');

let massPopChart = new Chart(myChart, {
 type: 'bar',
data: {
    datasets: [{
        label: 'Bar Dataset',
        data: amount
    }, {
        label: 'Line Dataset',
        data: paidStatus,

        // Changes this dataset to become a line
        type: 'line'
    }],
    labels: Months
},
options: {
  tooltips: {
  mode: 'index'
}
}
});`

1 Ответ

1 голос
/ 14 июля 2020

Вы можете попробовать представить «платный статус» в виде числа c (0-неоплачено, 1-оплачено), а затем использовать обратный вызов для настройки всплывающей подсказки: 

function(tooltipItems, data) {
   var y = tooltipItems.yLabel;
    if(tooltipItems.datasetIndex === 1) {
      tooltipItems.yLabel === 0 ? y = 'unpaid' : y = 'paid'
    }
    return y
  }
}

jsfiddle

...