Example of Hide Range Selector in React Stock Chart Component

/
/
Navigator

By hiding the range selector in the stock chart, this sample visualizes the AAPL stock price. The tooltip and crosshair display data and period information.

More Details...

Loading....
Description

In this example, you can see how to render and configure stock chart to visualize the stock data. The enableSelector property allows to toggle the visibility of range selector.

Tooltip is enabled in this example. To see the tooltip in action, hover the chart or tap on it in touch enabled devices.



Injecting Module

The Stock chart component features are segregated into individual feature-wise modules. To use date-time axis, inject the DateTime module using the StockChart.Inject(DateTime) method. To use the LineSeries, inject the LineSeries module using the StockChart.Inject(LineSeries) method.

More information about the series type can be found in this documentation section.