Chart.js詳細を表示するツールヒントをカスタマイズする

Question

私はChart.js 2.0 を使用しています。失敗率：失敗回数/合計回数。 私は失敗率、失敗数と合計数の配列を持っています。

部品の折れ線グラフの折れ線グラフは、まっすぐですが、ユーザーがツールチップ上を移動したときに表示される障害カウントと合計カウントが必要になります。私はそれをカスタマイズする方法を理解することができません。

我々はe.time持って、e.count、e.failure_count、e.rate 2.0では

new Chart(document.getElementById(event_id).getContext("2d"), {type: "line", data: 
        { 
         labels: e.time, 
         datasets: [ 

          { 
           label: "Failure Rate", 
           fill: false, 
           borderColor: "#4caf50", 
           backgroundColor: "#4caf50", 
           pointBorderWidth: 1, 
           pointHoverRadius: 3, 
           data: e.rate 
          } 
         ] 
        }, options: { 
         scales: { 
          yAxes: [{ 
           ticks: { 
            suggestedMin: -1, 
            suggestedMax: 6 
           } 
          }] 
         }, 
         tooltips: { 
          custom: function(tooltip) { 
           tooltip.text= "Not working????" 
          } 
         } 
        } 
       }); 

Answer 1

、コールバックはリターンを必要とします。 だから基本的に、あなたが何をしたいです：

callbacks: { 
    label: function(tooltipItem, data) { return "What you want as a tooltip" } 
} 

ことで

custom: function(tooltip) { 
    tooltip.text= "Not working????" 
}