Индивидуальная всплывающая подсказка в chart.js

Question

В нижеприведенном коде мне нужен подсказку, чтобы она была такой: Вероятность: 40 Аудитория: 5000 т.е. в подсказке инструмента мне нужна xSxes labelstring со значением xAxes и ярлыком yAxes с значением yAxes. для достижения этой цели PLS помочь

var ctx = document.getElementById("myChart"); 
var myChart = new Chart(ctx, { 
type: 'line', 
data: { 
    datasets: [{ 
     label: 'Audience', 
     data: [{x:12,y:9000}, {x:30, y:6000}, {x:40, y:5000},{x:52,y:4000},{x:70,y:3000},{x:92,y:2000}], 
     backgroundColor: 'rgba(255, 99, 132, 0.2)', 

     borderColor: 'rgba(255, 159, 64, 1)', 
     borderWidth: 1 
    }] 
}, 
options: { 
tooltips: 
{ 
callbacks: 
{ 
label: function(tooltipItem, data) {return data.datasets[tooltipItem.datasetIndex].label+':'+ tooltipItem.yLabel; 
} 
} 
}, 
    scales: { 
    xAxes: [{ 
    type: 'linear',position: 'bottom', 
     scaleLabel:{labelString:"Probability",display:true}, 
      ticks: { 
       beginAtZero:true, 
       max:100 
      } 
     }], 
     yAxes: [{ 
     scaleLabel:{labelString:"Audience",display:true}, 
      ticks: { 
       min: 1000 
      } 
     }] 
    } 
} 
}); 

Answer 1

Просто заменить "обратные вызовы" блок с этим:

 callbacks: 
     { 
      title: function() { 
       return ''; 
      }, 
      beforeLabel: function(tooltipItem, data) { 
       return 'Probability: ' + tooltipItem.xLabel + '%'; 
      }, 
      label: function(tooltipItem, data) { 
       return data.datasets[tooltipItem.datasetIndex].label+': '+ tooltipItem.yLabel; 
      } 

     }