KendoReact Charts Overview

Our React Charts library features a large collection of charts and series types for data visualization, from Line, Bar and Pie/Donut Charts to Sprakline and StockChart, tailored specifically for the finance industry.

The KendoReact Charts are built on React from the ground up, by a company with 10+ years of experience in making enterprise-ready components and UI widgets. This results in React graphs that deliver lightning fast performance and are highly customizable.

The Charts Package is part of KendoReact, a professionally built commercial UI library. To try out this Charts you need to sign up for a 30-day trial, which gives you access to the full KendoReact library.


React Charts Demo

Example
View Source
Edit In Stackblitz  
Change Theme:

This demo implements some of the features that are available in the KendoReact Chart library.

  • Chart titles provide contextual information for the data.
  • Legends describe the different data series that are visualized in the graphs.
  • A built-in tooltip is enabled to show the exact value of any point on the chart.

React Chart Library: Graph Types

Categorical

Circular

Freeform

Scatter

Sparkline

The KendoReact Sparkline is a tiny chart without axes, coordinates, legends, titles, or other chart-specific elements.

The following Sparkline graph types:

  • Line (default)
  • Bar (Data Bars)
  • Column
  • Area
  • Pie
  • Bullet

StockChart

The KendoReact StockChart is a specialized control for visualizing the price movement of a financial instrument over a certain period of time.

React Charts Features

Among the many features, which this React Chart library delivers are:

  • TypesDifferent types of data require different ways of visualizing the data in the Chart (Line, Area, Bar, Column, Donut and many more).
  • AxesIf you need to change the labels, the background, the step, the lines and any other axis option, the React graphs support in-depth customization. You can customize over 100+ options for the category and values axes of the Charts.
  • Rendering modesYou can render the KendoReact Charts as SVG or Canvas.
  • ExportThe KendoReact Charts can be exported to an image, PDF or SVG, enabling the user to easily save them locally or on the server.
  • Panning and ZoomingIf you need to focus on a specific segment of the data, the KendoReact Chart enables the user to change the displayed range by panning and zooming.
  • CustomizationThe React graphs are highly customizable with more than 1 000 customization options available.
  • Theme supportThe KendoReact Charts, as well as all 80+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.

Support Options

For any issues you might encounter while working with the KendoReact Charts, use any of the available support channels:

  • KendoReact license holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the KendoReact dedicated support system.
  • KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
  • KendoReact feedback portal and KendoReact roadmap provide information on the features in discussion and also the planned ones for release.
  • KendoReact uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
  • You may still need a tailor-made solution for your project. In such cases, go straight to Telerik Services.