Sunburst
Sunburst
Overview
This view shows the basic features of Sunburst.
Features
Settings
Inner Radius: 0
Offset: 0
Start Angle: 0
Reversed: False
Palette: standard
Data Label Position: Center
Data Label Border: False
Description
This view shows the basic features of Sunburst. It binds the chart to a data model.
If you move the mouse over a chart element, a tooltip will appear showing details about the data point.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | using System; using System.Collections.Generic; using System.Linq; using System.Web.Mvc; using MvcExplorer.Models; using C1.Web.Mvc.Chart; namespace MvcExplorer.Controllers { public partial class SunburstController : Controller { List<HierarchicalData> _data = HierarchicalData.GetData(); public ActionResult Index() { var settings = new ClientSettingsModel { Settings = CreateSettings(), DefaultValues = new Dictionary< string , object > { { "DataLabel.Position" , PieLabelPosition.Center} } }; settings.LoadRequestData(Request); ViewBag.DemoSettingsModel = settings; return View(_data); } private static IDictionary< string , object []> CreateSettings() { var settings = new Dictionary< string , object []> { { "InnerRadius" , new object [] {0, 0.25, 0.5, 0.75}}, { "Offset" , new object [] {0, 0.1, 0.2, 0.3, 0.4, 0.5}}, { "StartAngle" , new object [] {0, 90, 180, -90}}, { "Reversed" , new object [] { false , true }}, { "Palette" , new object [] { "standard" , "cocoa" , "coral" , "dark" , "highcontrast" , "light" , "midnight" , "minimal" , "modern" , "organic" , "slate" }}, { "DataLabel.Position" , Enum.GetValues( typeof (PieLabelPosition)).Cast< object >().ToArray()}, { "DataLabel.Border" , new object [] { false , true }}, }; return settings; } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | @using C1.Web.Mvc.Chart @model IEnumerable< HierarchicalData > @ { ViewBag.DemoSettings = true ; ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; } @ (Html.C1().Sunburst< HierarchicalData >() .Id(demoSettingsModel.ControlId) .InnerRadius(demoSettingsModel.GetFloat( "InnerRadius" , 0f)) .Bind( "Year" , "Value" , Model) .DataLabel(dl => dl.Content( "{name}" )) .BindingName( "Year" , "Quarter" , "Month" )) @section Settings{ <script> function convertPalette(value) { return wijmo.chart.Palettes[value]; } </script> } @section Description{ < p > @Html .Raw(Resources.Sunburst.Index_Text0)</ p > < p > @Html .Raw(Resources.Sunburst.Index_Text1)</ p > } |