JSFiddle - React, Tailwind, and code Playground

by Alan Doe

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<canvas id="chartStuff" width="400" height="400">
    
</canvas>

JavaScript

var data = {
    
    labels : ["Jan","Feb","Mar","April","May"],
    
    datasets : [{
        label : "collection1",
        fillColor : "rgba(200,150,200,0.2)",
        data : [50,60,70,80,59]
    }]


};

$(document).ready(function()
                  { 
                  
                  var ctx =                     $("#chartStuff").get(0).getContext("2d");
                      
                 alert(ctx);
                      
                    var lChart = new Chart(ctx).Line(data); 
                  
                      $("#chartStuff").on('click',function(evt)
                                          {
                                           var activePoints = lChart.getPointsAtEvent(evt);  
                                              
                                          alert(activePoints);
                                          
                                          });
                      
                      
                  });