Diagram

  • 4 minutes to read

The Diagram is one of the most basic chart elements, along with the chart title and the legend. Visually, it encloses a chart's general elements (such as series, panes and axes). To view the ASP.NET Chart Control architecture schematically, refer to Chart Elements.

IntroducingXtraCharts_Diagram

The diagram's most significant characteristic is its type. The diagram's type depends on the view type of the chart's series. A diagram of a specific type can only display series of the appropriate view types. Also, it's not possible to plot multiple series of incompatible view types within the same Diagram object (and therefore, within the same chart). Each diagram type has a unique set of available options and elements. Refer to the following help topic for more detailed information on how to access and use diagram objects: Diagram Overview.

The available diagram types fall into the following major categories.

XY-Diagram

Diagram types of this category are used to plot 2D series - the most popular view types (Bar, Line, etc.).

Diagram_XY

The table below lists the main properties that affect the element's appearance and functionality.

Class

XYDiagram

Availability

The WebChartControl.Diagram (XRChart.Diagram) property of a chart control.

Panes

XYDiagram2D.DefaultPane, XYDiagram2D.Panes, XYDiagram2D.PaneDistance and XYDiagram2D.PaneLayoutDirection

Axes

XYDiagram.AxisX, XYDiagram.AxisY, XYDiagram.SecondaryAxesX and XYDiagram.SecondaryAxesY

Layout

XYDiagram.Rotated and XYDiagram2D.Margins

Interactivity

XYDiagram2D.EnableAxisXScrolling, XYDiagram2D.EnableAxisYScrolling, XYDiagram2D.EnableAxisXZooming and XYDiagram2D.EnableAxisYZooming

Refer to the following help topic for details on the XY-Diagram type: XY-Diagram.

XY-Diagram 3D

XY-Diagram 3D is similar to its 2D counterpart (XY-Diagram), but displays series in a pseudo-3D style.

Diagram_3DXY

The table below lists the main properties that affect the element's appearance and functionality.

Class

XYDiagram3D

Availability

The WebChartControl.Diagram (XRChart.Diagram) property of a chart control.

Axes

XYDiagram3D.AxisX and XYDiagram3D.AxisY

Appearance

XYDiagram3D.BackColor, XYDiagram3D.BackImage and XYDiagram3D.FillStyle

Rotation

Diagram3D.RotationAngleX, Diagram3D.RotationAngleY, Diagram3D.RotationAngleZ, Diagram3D.RotationOrder, Diagram3D.RotationType and Diagram3D.RuntimeRotation

Scrolling

Diagram3D.HorizontalScrollPercent, Diagram3D.RuntimeScrolling and Diagram3D.VerticalScrollPercent

Zooming

Diagram3D.RuntimeZooming and Diagram3D.ZoomPercent

Perspective

Diagram3D.PerspectiveAngle and Diagram3D.PerspectiveEnabled

Size

XYDiagram3D.PlaneDepthFixed, XYDiagram3D.SeriesDistance, XYDiagram3D.SeriesDistanceFixed and XYDiagram3D.SeriesIndentFixed

See the following help topic for details on the XY-Diagram 3D type: XY-Diagram 3D.

Swift Plot Diagram

This category contains only one diagram type, which allows you to display a Swift Plot series.

Diagram_SwiftPlot

The table below lists the main properties that affect the element's appearance and functionality.

Class

SwiftPlotDiagram

Availability

The WebChartControl.Diagram (XRChart.Diagram) property of a chart control.

Axes

SwiftPlotDiagramAxisX, SwiftPlotDiagramAxisY, SwiftPlotDiagramSecondaryAxisX and SwiftPlotDiagramSecondaryAxisY

Appearance

SwiftPlotSeriesView.Antialiasing, DrawOptions.Color and SwiftPlotDrawOptions.LineStyle

Interactivity

XYDiagram2D.EnableAxisXScrolling, XYDiagram2D.EnableAxisYScrolling, XYDiagram2D.EnableAxisXZooming and XYDiagram2D.EnableAxisYZooming

The Swift Plot Diagram is similar to the XY-Diagram, but has some limitations. See the following topic for more information: Swift Plot.

Refer to the following help topic for details on this diagram type: Swift Plot Diagram.

Simple Diagram

The Simple Diagram type allows you to display 2D Pie, Doughnut and Funnel series.

Diagram_Simple

The table below lists the main properties that affect the element's appearance and functionality.

Class

SimpleDiagram

Availability

The WebChartControl.Diagram (XRChart.Diagram) property of a chart control.

Layout

SimpleDiagram.Dimension, SimpleDiagram.LayoutDirection and SimpleDiagram.Margins.

Refer to the following help topic for details on this diagram type: Simple Diagram.

Simple Diagram 3D

The Simple Diagram 3D type allows you to display 3D Pie, Doughnut and Funnel series.

Diagram_3DSimple

The table below lists the main properties that affect the element's appearance and functionality.

Class

SimpleDiagram3D

Availability

The WebChartControl.Diagram (XRChart.Diagram) property of a chart control.

Rotation

Diagram3D.RotationAngleX, Diagram3D.RotationAngleY, Diagram3D.RotationAngleZ, Diagram3D.RotationOrder, Diagram3D.RotationType and Diagram3D.RuntimeRotation

Scrolling

Diagram3D.HorizontalScrollPercent, Diagram3D.RuntimeScrolling and Diagram3D.VerticalScrollPercent

Zooming

Diagram3D.RuntimeZooming and Diagram3D.ZoomPercent

Perspective

Diagram3D.PerspectiveAngle and Diagram3D.PerspectiveEnabled

Layout

SimpleDiagram3D.Dimension and SimpleDiagram3D.LayoutDirection

See the following help topic for details on this diagram type: Simple Diagram 3D.

Funnel Diagram 3D

This category contains only one diagram type, which allows you to plot series of the Funnel 3D view type. This diagram type has the same functionality as the Simple Diagram 3D, except that it has different default rotation angle values.

Diagram_Funnel3D

The table below lists the main properties that affect the element's appearance and functionality.

Class

FunnelDiagram3D

Availability

The WebChartControl.Diagram (XRChart.Diagram) property of a chart control.

Refer to the following help topic for details on this diagram type: Funnel Diagram 3D.

Radar and Polar Diagrams

Radar and Polar Diagram types are used to plot Radar and Polar series.

Diagram_Polar

The table below lists the main properties that affect the element's appearance and functionality.

Class

PolarDiagram and RadarDiagram

Availability

The WebChartControl.Diagram (XRChart.Diagram) property of a chart control.

Axes

RadarDiagram.AxisX and RadarDiagram.AxisY

Appearance

RadarDiagram.BackColor, RadarDiagram.BackImage, RadarDiagram.BorderColor, RadarDiagram.BorderVisible, RadarDiagram.DrawingStyle, RadarDiagram.FillStyle and RadarDiagram.Shadow

Layout

RadarDiagram.Margins, RadarDiagram.RotationDirection and RadarDiagram.StartAngleInDegrees

Refer to the following help topic for details on these diagram types: Radar and Polar Diagrams.

Gantt Diagram

This category contains only one diagram type, which is used to plot series of the Gantt view type. This diagram type is similar in almost every respect to the XY-Diagram, with the only exception being the GanttDiagram.Rotated property, which is always true and hidden.

Diagram_Gantt

See the following help topic for details on this diagram type: Gantt Diagram.