Chart JSの線グラフにツールチップがありません

Question

明らかに何かが間違っている必要がありますが、このchartjs線グラフでツールチップが機能しません。私は何らかの方法でそれらを調整しなければなりませんか？ Chart.jsで

Chart.defaults.global.defaultFontColor = '#FFF'; 

      var ctx = document.getElementById("myChart"); 
      var myChart = new Chart(ctx, { 
       type: 'line', 
       data: { 
        // labels: chartdata.labels, 
        // datasets: dataset 
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
     datasets: [{ 
      label: '# of Votes', 
      data: [12, 19, 3, 5, 2, 3], 
      backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)', 
       'rgba(54, 162, 235, 0.2)', 
       'rgba(255, 206, 86, 0.2)', 
       'rgba(75, 192, 192, 0.2)', 
       'rgba(153, 102, 255, 0.2)', 
       'rgba(255, 159, 64, 0.2)' 
      ], 
      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: { 
          scales: { 
           yAxes: [{ 
            ticks: { 
             beginAtZero:true 
            } 
           }] 
          }, 
          title: { 
           display: true, 
           text: 'Custom Chart Title' 
          }, 
          legend: { 
           display:false, 
          }, 
          tooltips: { 
        mode: 'label', 


         }, 
       hover: { 
        mode: 'label' 
       }, 
       } 

      }); 

Answer 1

、あなたはグラフ内の異なる要素（いくつかのバー）を持っているのでbackgroundColorとborderColorプロパティの色の配列は、例えば、バータイプのチャートのためのものです。

ラインタイプでは、1つの要素（下に塗りつぶした線）しかないので、これらのプロパティを単一の色で設定する必要があります。

---

あなたがこれらのプロパティを変更する場合：

datasets: [{ 
    label: '# of Votes', 
    data: [12, 19, 3, 5, 2, 3], 
    backgroundColor: 'rgba(255, 99, 132, 0.2)', 
    borderColor: 'rgba(255,99,132,1)', 
    borderWidth: 1 
}] 

あなたはat this fiddle確認することができ、以下の結果、取得します：