Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Creating Charts
    [Collapse]Chart Elements
     [Expand]Series
     [Collapse]Diagram
       Diagram Overview
       Simple Diagram
       Swift Plot Diagram
       XY-Diagram
       Gantt Diagram
       Radar and Polar Diagrams
       Simple Diagram 3D
       XY-Diagram 3D
       Funnel Diagram 3D
     [Expand]Axes
     [Expand]Panes
     [Expand]Legend
     [Expand]Chart Titles
     [Expand]Annotations
     [Expand]Indicators
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Simple Diagram

This document details the specifics of the Simple diagram type. It lists the series view types associated with this diagram type, demonstrates how its specific options can be accessed (both at design and runtime), and briefly describes these options. Before reading this text, you may wish to review the basics of using diagram in the ASP.NET Chart Control.

This document consists of the following sections.

Expanded Associated Series View Types

The Simple diagram is intended to plot series of the Pie, Doughnut and Funnel view types. A typical example of a Simple diagram is shown in the following image.

The Pie and Doughnut series are useful when it is necessary to compare the percentage values of different point arguments in the same series. So, the points of a series are distributed along the drawn circle's radius, which is considered to be 100%. Each slice of this circle represents a portion of the whole series that each point's value represents.

The Pie and Doughnut series view types are almost identical, the only exception being that the Doughnut series has a hole in its center.

The following image demonstrates series of both types plotted in the same diagram: the Pie series on the left, and the Doughnut on the right.

For example, a funnel chart can represent a sales funnel that indicates sale process stages, including potential loses at each stage. This helps to identify weak points in an organization’s current sales processes, and indicate possible bottlenecks within the data.

The funnel displays a process that starts at 100%, with subsequent stages having a progressively lower percentage. The data point with the greatest value in the collection is 100% (the top of the funnel), which represents the widest polygon. The next series point value is represented by a smaller polygon, whose top width represents the value's ratio to the previous point value. This continues up until the last point, which has a bottom width equal to its top width.

The following image demonstrates a typical Funnel chart.

Expanded Accessing a Diagram

To access the diagram's options at design time, click your chart, to select it. Then, in the Properties window, expand the WebChartControl.Diagram property.

At runtime, cast your instance of the Diagram object to the SimpleDiagram type.

Expanded Specific Options

You can see the following options, specific for the Simple diagram type: SimpleDiagram.Dimension and SimpleDiagram.LayoutDirection properties. Both these properties determine the layout of multiple Pie, Doughnut or Funnel series within a single diagram. They are briefly described below. For more detailed information about them, refer to these properties' descriptions.

In addition, you can provide the equal size for all pies (doughnuts) series on a diagram by their minimal size using the SimpleDiagram.EqualPieSize property.

The following image shows the equal size feature for Pie series.

Note

When the SimpleDiagram.EqualPieSize property is set to true, the PieSeriesView.MinAllowedSizePercentage property will affect those series that have a lesser allowed size.

Expanded See Also

How would you rate this topic?​​​​​​​