SyncfusionExamples / Creating-a-Stacked-Column-100-Chart-for-Global-Distribution-of-Cloud-Provider-Data-Centers

This article explains how to create a stacked column 100 chart to visualize the global distribution of cloud data centers.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Creating a Stacked Column 100 Chart for Global Distribution of Cloud Provider Data Centers

Description

The Stacked Column 100 chart is an effective tool for visually displaying the distribution and proportion of given data. In this graph, columns are piled on top of each other, with the cumulative portion of each stacked element consistently adding up to a total of 100%. This is similar to the StackedColumnSeries, with the key difference being that in the StackedColumn100Series, the cumulative total of stacked elements always equals 100%.

SegmentSpacing

The SegmentSpacing property is utilized to customize the space between two segments. The default spacing value is 0, and it can vary from 0 to 1. In this context, 1 and 0 represent 100% and 0% of the total available space respectively.

CustomTemplate

The CustomTemplate property enables you to obtain the preferred view for the stacked column segment.

This sample visualizes how to create a stacked column 100 chart to depict the global distribution of cloud data centers.

Demo

Troubleshooting

Path too long exception

If you are facing a path too long exception when building this example project, close Visual Studio and rename the repository to short and build the project.

For a step by step procedure, refer to the Global Distribution of Cloud Provider Data Centers blog.

About

This article explains how to create a stacked column 100 chart to visualize the global distribution of cloud data centers.


Languages

Language:C# 100.0%