Events

lets get interactive

Listen

for events
              
const chart = lava.chart({
  label: "Test",
  type: "PieChart",
  containerId: "chart_div",
  data: data => {
    data.addColumn("string", "Topping");
    data.addColumn("number", "Pizzas");
    data.addRows([["Mushroom & Olive", 2], ["Pepperoni", 5]]);

    return data;
  },
  events: {
    // Events can be defined upon creation
    ready() {
      alert(chart.id + " is ready!");
    }
  }
});

// Or attached after the fact
chart.on("select", ({ chart, data }) => {
  const selectedItem = chart.getSelection()[0];

  if (selectedItem) {
    const topping = data.getValue(selectedItem.row, 0);

    alert("The user selected " + topping);
  }
});

lava.draw();

            

React

click a slice
            
            <div id="chart_div1"></div>