News
The chart core displays news as small circles above candles. These icons can be hovered to reveal more information.
In the dxchart-react layer, hovering a news icon opens a popup with the corresponding content.
If multiple news items share the same timestamp and match a single candle, they are grouped. On hover, the handler receives an object that includes an array of new items.
dxcharts-lite API
You can display news using the NewsComponent, available from chart.
Set news on the chart
Use the setNews method to define which news should be shown:
Handle news hover
To respond to hover events, use a hover handler:
Event icons
You can override event icons using the chart.config.components.events.icons configuration.
Each event type has two icon states: normal and hover. Be sure to define both if overriding.