Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- var myNewChart;
- var data = {
- datasets: [{
- data: [300, 50, 100],
- backgroundColor: [
- "#F7464A",
- "#46BFBD",
- "#FDB45C"
- ]
- }],
- labels: [
- "Red",
- "Green",
- "Yellow"
- ]
- };
- $(document).ready(
- function() {
- var canvas = document.getElementById("myChart");
- var ctx = canvas.getContext("2d");
- myNewChart = new Chart(ctx, {
- type: 'pie',
- data: data,
- options: {
- events: ['mousemove','click'],
- onClick: graphClickEvent
- }
- });
- }
- );
- function graphClickEvent(event, array){
- var activePoints = myNewChart.getElementsAtEvent(event);
- console.log(activePoints);
- if (activePoints[0]) {
- var chartData = activePoints[0]['_chart'].config.data;
- var idx = activePoints[0]['_index'];
- var label = chartData.labels[idx];
- var value = chartData.datasets[0].data[idx];
- var url = "Label=" + label + "\nValue=" + value;
- console.log(url);
- alert(url);
- }
- }
Add Comment
Please, Sign In to add comment