Event Handling
Users can trigger related events through their operation. To react on Mouse and other events, use echartsInstance
:
/**
* On Mouse Click
*/
echartsInstance.on('click', (params) => {
notifySuccess(['Event', 'On Click']);
...
echartsInstance.resize(); // to redraw visualization
});
/**
* On Double Click
*/
echartsInstance.on('dblclick', (params) => {
...
echartsInstance.resize();
});
For more examples and details, take a look at the official documentation Event and Action.
Data Zoom to update Time Range
The data Zoom feature allows selecting the time range on the chart. When the time range is selected the event can trigger updating the dashboard's time range using the locationService
parameter similar to Grafana native functionality.

docs/volkovlabs-echarts-panel/data-zoom.js
loading...