Render Chart and Diagram

Blazor FlexChart and FlexDiagram support rendering chart and diagram content to document, raster, and Scalable Vector Graphics (SVG) output through the IRendering interface.

The Render extension method renders chart or diagram content into an IRendering target, which determines the output format. The rendering workflow applies to FlexChart, FlexPie, FlexRadar, TreeMap, Sunburst, and FlexDiagram. The Render method is also available to platform-specific FlexChart and FlexDiagram controls that implement IChartBase.

The following image shows rendered output for a Sunburst chart and FlexDiagram.

Prerequisites

The rendering workflow requires C1.Chart version 10.0.20262.107 or later.

The application must reference the appropriate FlexChart or FlexDiagram component package and the library containing the required rendering target.

The Render extension method is available through the C1.Chart namespace.

Output Formats

The Render method supports the following rendering targets.

The method accepts an IRendering target and a rectangle that specifies the position and dimensions of the rendered content.

chart.Render(target, x, y, width, height);

The rectangle coordinates and dimensions are specified in points.