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.
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
- XY-Diagram 3D
- Swift Plot Diagram
- Simple Diagram
- Simple Diagram 3D
- Funnel Diagram 3D
- Radar and Polar Diagrams
- Gantt Diagram
XY-Diagram
Diagram types of this category are used to plot 2D series - the most popular view types (Bar, Line, etc.).
The table below lists the main properties that affect the element’s appearance and functionality.
Class | |
Availability | The WebChartControl.Diagram (XRChart.Diagram) property of a chart control. |
Panes | XYDiagram2D.DefaultPane, XYDiagram2D.Panes, XYDiagram2D.PaneDistance and GridPaneLayout.Direction |
Axes | XYDiagram.AxisX, XYDiagram.AxisY, XYDiagram.SecondaryAxesX and XYDiagram.SecondaryAxesY |
Layout | |
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.
The table below lists the main properties that affect the element’s appearance and functionality.
Class | |
Availability | The WebChartControl.Diagram (XRChart.Diagram) property of a chart control. |
Axes | |
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 | |
Perspective | |
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.
The table below lists the main properties that affect the element’s appearance and functionality.
Class | |
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.
The table below lists the main properties that affect the element’s appearance and functionality.
Class | |
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.
The table below lists the main properties that affect the element’s appearance and functionality.
Class | |
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 | |
Perspective | |
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.
The table below lists the main properties that affect the element’s appearance and functionality.
Class | |
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.
The table below lists the main properties that affect the element’s appearance and functionality.
Class | |
Availability | The WebChartControl.Diagram (XRChart.Diagram) property of a chart control. |
Axes | |
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.
See the following help topic for details on this diagram type: Gantt Diagram.