[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
  [Collapse]Sunburst Control
   [Collapse]Getting Started
     Lesson 1 - Create an Unbound Sunburst
     Lesson 2 - Create a Sunburst and Bind it to Data
    Provide Data
    Colorizers
    Highlight and Select Items
   [Expand]Examples
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Lesson 1 - Create an Unbound Sunburst

This tutorial explains how to create an application with a sunburst, populate it with items and configure its tooltip settings.

Expanded Step 1. Create a New Project

Run the Microsoft® Visual Studio® 2012, 2013, 2015 or 2017. Select the File | New | Project... menu item. The New Project dialog appears. In this dialog, select Windows Desktop | Windows Forms App (.NET Framework). Click OK to create a project.

Expanded Step 2. Add the Sunburst Control to the Form

Open the Toolbox window. Drag the SunburstControl component from the DX.19.1: Data & Analytics section to the Form.

Expanded Step 3. Dock the SunburstControl in the Form

Click the Sunburst control's smart tag and select the Dock in Parent Container link in the menu.

Expanded Step 4. Add Items to the Sunburst

Click the sunburst's smart tag. Select the Set Data Adapter... item in the menu.

The Data Adapter Editor appears.

Choose the SunburstItemStorage item in the drop-down list to assign a SunburstItemStorage object to the SunburstControl.DataAdapter property.

Click the SunburstItemStorage.Items property's ellipsis button to invoke the Sunburst Item Collection Editor. Click the Add SunburstItem button to add the first item to the top-level items' collection.

Specify the SunburstItem.Label property to USA.

Click the SunburstItem.Children property's ellipsis button to populate the item's Children collection with items.

Add five items using the Add SunburstItem button and specify their SunburstItem.Label and SunburstItem.Value properties using the following table's data.

Label Value
Nuclear 187.9
Oil 937.6
Natural Gas 582
Hydro Electric 59.8
Coal 564.3

Click the Close button to hide the Children collection editor and return to the top-level items' collection editor.

Add a new item and specify its Label property to China. Populate its Children collection with items. For this, add five items and specify their Label and Value properties using the following table's data.

Label Value
Nuclear 11.3
Oil 308.6
Natural Gas 74.2
Hydro Electric 74.2
Coal 956.9

Click Close to return to the top-level items' collection editor.

Add a new item and specify its Label property to Germany. Populate its Children collection with items. To do this, add five items and specify their Label and Value properties using the following table's data.

Label Value
Nuclear 37.8
Oil 123.6
Natural Gas 77.3
Hydro Electric 6.1
Coal 85.7

Click Close to return to the top-level items' collection editor.

Click Close to hide the Sunburst Item Collection Editor.

Click Close to accept the Data Adapter's configuration and close the editor.

Expanded Step 5. Configure Item Tooltip Options

A tooltip is shown when an end user hovers over a sunburst item. Specify the SunburstControl.ToolTipTextPattern property to {L}: {V:F2} Mt to format tooltips text.

Expanded Step 6. Rotate the Sunburst

Set the SunburstControl.StartAngle property to 50 to specify the sunburst's rotation.

Expanded Result

Run the project to see the result.

Is this topic helpful?​​​​​​​