Bubble Chart Events

Simple example using BubbleChart

by maxibaezpy

HTML

<script src="https://rawgit.com/mbaez/bubbles-chart/master/dist/js/bubbles-chart.full.js"></script>
<script src="https://rawgit.com/mbaez/bubbles-chart/master/test/js/data.js"></script>
<link rel="stylesheet" href="https://rawgit.com/mbaez/bubbles-chart/master/dist/css/bubbles-chart.css">
<div id="test" width="300px"></div>

CSS

body{
  background:white;
}

JavaScript

$(function() {

var options = {
     container: "#test",
     label: "label",
     size: "size"
   };

   var viz = new BubbleChart(options);
   //event handlers
   viz.on("mouseenter", function(d) {
     console.log("mouseenter", d);
   });

   viz.on("mouseover", function(d) {
     console.log("mouseover", d);
   });

   viz.on("mouseout", function(d) {
     console.log("mouseout", d);
   });

   viz.on("click", function(d) {
     console.log("mouseclick", d);
     var data = $.extend({}, d);
     delete data.parent;
     alert(JSON.stringify(data));
   });
   //visualization data
   viz.data(data);
 });