चार्ट.जेएस टूलटिप

Question

नहीं दिखा रहा है मैं अपने चार्ट में टूलटिप्स जोड़ने का प्रयास कर रहा हूं, विकल्प सही तरीके से लोड हो रहे हैं, हालांकि टूलटिप्स नहीं दिख रहे हैं, कोई विचार?

 <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 वैश्विक कॉन्फ़िगरेशन भी बदल दिया है।

Answer 1

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

उपयोग इस (वैश्विक सेटिंग्स)

Answer 2

आप बस एक ही मूल्य के साथ पृष्ठभूमि रखना होगा:

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

हग्स ...