native js events in Vaadin Chart

james252 · February 2, 2018, 3:12am

I like to detect click events for “category”, “xaxis”, “bar”, “point” at Vaadin Chart. Vaadin Chart renders SVG on web. On client side, it is pretty easy to catch dom click events. How do I implement it? I also like to create some small dialog like chart legend to work with chart.

I do appreciate your help.

James

guillermo.alvarez · February 22, 2018, 2:37pm

Hi James,

Are you using Vaadin Charts with Vaadin Framework or the web components version of Vaadin Charts?

If it’s for framework you can check a lot of examples with the source code like the following ones:

point click event and shows a notification: https://demo.vaadin.com/charts/#PieChart
pie with legend: https://demo.vaadin.com/charts/#PieWithLegend

For the click event bar and point are the same, it’s a point click event in java side.
You also have chart click event like in this example:

Create point in chart click coordinates: https://demo.vaadin.com/charts/#ClickToAddPoint

Check the demos to see what else can be done with Vaadin Charts and don’t forget there is also documentation available: https://vaadin.com/docs/v8/charts/java-api/charts-basic-use.html

BR