Chart.js 툴팁이 보이지 않음

내 차트에 툴팁을 추가하려고하는데 툴팁이 보이지 않지만 옵션이 올바르게로드되고 있습니까? Chart.js 툴팁이 보이지 않음

 <script> 

     var lineChartData = { 
      labels : ["January","February","March","April","May","June","July"], 
      datasets : [ 
       { 
        fillColor : "rgba(139, 157, 195, 1)", 
        strokeColor : "#4c66a4", 
        pointColor : "#fff", 
        pointStrokeColor : "#3b5998", 
        pointHighlightFill: "#fff", 
        data : [{{implode(',', $fanCounts)}}] 

       } 
      ] 
     } 

     var options = { 
        showTooltips: true, 
        tooltipEvents: ["mousemove", "touchstart", "touchmove"], 
        tooltipFillColor: "rgba(0,0,0,0.8)" 
       } 

     var myLine = new Chart(document.getElementById("fancanvas").getContext("2d")).Line(lineChartData, options); 

     </script>

는 또한 라인 차트에 대한 툴팁을 활성화 chart.js에게 글로벌 설정을 변경했습니다.

출처

2014-07-21 djbberko

는 Chatri 성폭력 퉁하여이 솔루션은 근무 나를 위해 : http://stackoverflow.com/a/24722857/2595830 –

내 문제는 공유'config' 변수로 인해 발생했습니다 : https://stackoverflow.com/a/47519851/722036 –

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

사용이 (전역 설정)

는

출처

2014-12-24 06:18:42

당신은 단지 하나의 값으로 배경을 둘 필요가

datasets: [{ 
    label: "# of beauty womens", 
    data: [12, 5, 3], 
    backgroundColor: "#FC940B", 
    fill: false, 
    borderColor: "#FC940B" 
}]

포옹 ...

출처

2017-06-18 12:16:20

Chart.js 툴팁이 보이지 않음

답변

관련 문제