Skip to main content

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.

Data Zoom feature for Random Walk.
Data Zoom feature for Random Walk.
docs/volkovlabs-echarts-panel/data-zoom.js
loading...