Jak dodać podpowiedzi do wykresu chart.js

Question

Pracuję nad aplikacją internetową i niedawno zamieniłem wykresy google z map.js, ponieważ jest ona bardziej atrakcyjna wizualnie. Jednak jedyną stratą, jaką podjąłem, jest to, że nie mogę już otrzymywać podpowiedzi powyżej punktów danych. Zastanawiałem się, czy ktoś wie, jak można to zrobić, ponieważ jestem nowicjuszem z javascript. Oto kod na wykresie i ustawienia:

var data = { 
      labels : graphData[0], 
      datasets : [ 
       { 
        fillColor : "rgba(200,160,100,0.5)", 
        strokeColor : "rgba(80,240,70,1)", 
        pointColor : "rgba(80,240,70,1)", 
        pointStrokeColor : "#fff", 
        data : graphData[3] 
       }, 
       { 
        fillColor : "rgba(220,220,220,0.5)", 
        strokeColor : "rgba(220,220,220,1)", 
        pointColor : "rgba(220,220,220,1)", 
        pointStrokeColor : "#fff", 
        data : graphData[1] 
       }, 
       { 
        fillColor : "rgba(151,187,205,0.5)", 
        strokeColor : "rgba(151,187,205,1)", 
        pointColor : "rgba(151,187,205,1)", 
        pointStrokeColor : "#fff", 
        data : graphData[2] 
       } 
      ] 
     }; 

     var options = { 
      scaleShowGridLines : true, 
      scaleShowLabels : true, 
      animationSteps : 150, 
      scaleOverride: true, 
      scaleSteps : Math.max.apply(Math, graphData[3]), 
      scaleStepWidth : 1, 
      scaleStartValue : 1 
     }; 

     var ctx = document.getElementById("chart_div").getContext("2d"); 
     ctx.canvas.width = Math.max(graphData[0].length * 60, 600); 
     var myNewChart = new Chart(ctx).Line(data,options); 
     $('#chart_area').fadeIn(); 
     $('html, body').animate({ 
      scrollTop: $("#picture_area").offset().top 
     }, 1000); 

Answer 1

Istnieje wersja chartjs dostępny wraz z podpowiedzi można go pobrać na tej stronie github https://github.com/Regaddi/Chart.js/tree/tooltips

wygląda powyższy link nie jest już dostępny

jednak jego dostępny here w Github

można znaleźć w dokumentacji here

Answer 2

Trzeba tylko skopiować Chart.min.js z https://github.com/nnnick/Chart.js/blob/master/Chart.min.js.

Answer 3

var ctx = document.getElementById("canvas").getContext("2d"); 
    window.myLine = new Chart(ctx).Line(lineChartData, { 
     responsive: true, 
     showTooltips: true, 
     multiTooltipTemplate: "<%= value %>", 
    }); 

służy do ustawiania ustawień gloabl w chartjs.