New to Kendo UI for Angular? Start a free 30-day trial

Displaying Charts for Selected Grid Rows

Environment

ProductProgress® Kendo UI Grid

Description

How can I display a chart in the Kendo UI for Angular Grid and plot data from the selected Grid rows?

Solution

You can integrate the Kendo UI for Angular Charts with the Kendo UI for Angular Grid to create charts based on the selected data from the Grid.

The provided project features a Grid which allows you to select its rows. Right-clicking the Grid content will open a context menu which lists all available chart types. Selecting a chart type opens a window where the desired chart is rendered. The window provides further configuration options for the chart and an export functionality. For the full project source, refer to this GitHub repository.

In this article

Not finding the help you need?