Telerik UI for Windows 8 HTML


RadChart for Windows Runtime JavaScript applications is a versatile charting component specifically designed for creating Windows Store JavaScript applications. It offers unmatched performance regarding loading time, drawing capabilities and real-time updates. Its intuitive object model and public API allow complex charts to be easily setup either in HTML or through JavaScript. The control is completely data aware and may work in bound or unbound mode, depending on the requirements. Through tight integration with the DataSource component, RadChart can visualize data both from a local array or straight from an external data feed. Below is an example of the RadChart used in a real life scenario.



A charting component in general is used to visualize (or plot) some data in a human-readable way through different representations like lines, areas, bars pies, etc. Each series has a collection of data points and knows how to visualize them. Different series types may process certain types of data points – for example categorical series may contain categorical data points. Data points may be added directly to a series or a data binding mechanism may be used to create the appropriate data points from a data source.


RadChart implements the architecture described above and offers the following types of charts (represented by their series types):

Categorical Charts

Categorical charts such as Bar, Column, Line and Area use one category axis and one value axis. The axis orientation (horizontal or vertical) is inferred from the series type.


XY Charts

XY charts such as Scatter (see image below), Scatter Line and Bubble use one or more X and Y axes and show the crossing point of two values, each laying on a different value axis. These axes are configured through the xAxis and the yAxis properties. Bubble charts visualize one more value - volume, represented by the bubble size.


Radial Charts

Radial charts, such as Pie and Donut, use a radial scale. Each data point in the series is represented as an arc segment, the value of which represents the ratio of the data point's value to the total value of all data points in the series.


Stock Charts

Stock charts, such as Candlestick and Ohlc charts, can be technically considered a subset of categorical charts that has a specific usage. They use one category axis, where categories always represent a period of time, and one value axis. A single data point visualizes four values-open, close, high and low representing changes in a value during a given period.