PolarSplineArea Chart
- Getting Started
- Setting Up ASP.NET Core MVC
- Accessibility
- Chart
- ASP.NET
- Overview
- Getting Started
- Design-time Support
- ItemTypes
- Chart Elements
- Chart Types
- Area Chart
- Bar Chart
- Bubble Chart
- Line Chart
- Pie Chart
- Sparklines
- Donut Chart
- Scatter Chart
- Spline Chart
- SplineArea Chart
- RangeArea Chart
- RangeBar Chart
- RangeSpline Chart
- StepLine Chart
- StepArea Chart
- PolarLine Chart
- PolarArea Chart
- PolarBar Chart
- PolarSpline Chart
- PolarSplineArea Chart
- PolarScatter Chart
- Combining Chart Types
- Data Binding
- Exporting
- Localization
- Selection
- Zooming and Panning
- Appearance and Styling
- Server Side Events
- Client Events
- Supported Browsers
- ASP.NET Core
- ASP.NET MVC
- JAVA Apache Wicket
- API
- allowUTCFormatting
- applyAnimation
- axisX
- axisTickText
- axisType
- categoricalValues
- decimalTicks
- drawColor
- drawWidth
- endOffset
- fixedEnd
- inverseOrder
- max
- min
- minorPlotStripColor
- minorPlotStripDashStyle
- minorPlotStripWidth
- minorTicksColor
- minorTicksHeight
- minorTicksRepeat
- minorTicksWidth
- offset
- plotBands
- plotLines
- plotStripColor
- plotStripDashStyle
- plotStripWidth
- startOffset
- swapLocation
- ticksColor
- ticksHeight
- ticksPlacement
- ticksRepeat
- ticksWidth
- title
- axisY
- axisTickText
- axisType
- decimalTicks
- drawColor
- drawWidth
- endOffset
- fixedEnd
- inverseOrder
- max
- min
- minorPlotStripColor
- minorPlotStripDashStyle
- minorPlotStripWidth
- minorTicksColor
- minorTicksHeight
- minorTicksRepeat
- minorTicksWidth
- offset
- plotBands
- plotLines
- plotStripColor
- plotStripDashStyle
- plotStripWidth
- startOffset
- swapLocation
- ticksColor
- ticksHeight
- ticksPlacement
- ticksRepeat
- ticksWidth
- title
- backgroundColor
- borderColor
- borderRadius
- borderWidth
- chartAreaBackgroundColor
- chartAreaBackgroundImage
- chartAreaBorderColor
- chartAreaBorderWidth
- chartAreaPaddingBottom
- chartAreaPaddingLeft
- chartAreaPaddingRight
- chartAreaPaddingTop
- chartLegend
- dataSeries
- enableAutoFit
- events
- exportOptions
- height
- isInverted
- margin
- primaryHeader
- secondaryHeader
- seriesPalette
- seriesSettings
- area
- bar
- bubble
- donut
- line
- pie
- polararea
- polarbar
- polarline
- polarscatter
- polarspline
- polarsplinearea
- rangearea
- rangebar
- rangesplinearea
- scatter
- spline
- splinearea
- steparea
- stepline
- seriesType
- theme
- tooltipSettings
- width
- zoomMode
- Getting Started
- Events
- How-To
- Methods
- Styling
- Supported Browsers
- ASP.NET
- Barcode
- QR Code
- TagCloud
- TreeMap
- Grid
- ASP.NET
- ASP.NET Core
- ASP.NET MVC
- JAVA Apache Wicket
- JavaScript
- API
- Settings
- altRowTemplate
- altRows
- columnReorder
- columns
- dataSource
- detailCollapseCssClass
- detailCollapseText
- detailExpandCollapse
- detailExpandCssClass
- detailExpandText
- detailTemplate
- editing
- exportOptions
- filtering
- grouping
- height
- maxHeight
- noRecordsTemplate
- noRecordsText
- paging
- resizing
- rowHover
- rowTemplate
- scrolling
- selection
- showHeader
- sorting
- toolbar
- Events
- Properties
- Methods
- addRow
- cancelEditing
- clearSelection
- collapseRow
- dataItem
- deleteRow
- destroy
- editCell
- editRow
- expandRow
- exportCsv
- exportExcel
- exportPdf
- filter
- hideColumn
- insertRow
- isHidden
- isLocked
- lockColumn
- page
- pageSize
- refresh
- reorderColumn
- revertChanges
- saveChanges
- scrollTop
- select
- selectedRowIndices
- showColumn
- sort
- ungroup
- unlockColumn
- Settings
- Getting Started
- Autogenerated Editors
- Binding to Data
- Cancel User Iteraction
- Change Options Dynamically
- Columns
- Custom Editors
- Exporting
- Filtering
- Footer Total Aggregates
- Grouping
- Hierarchy
- Paging
- RTL
- Scrolling
- Selection
- Sorting
- Templates
- Themes
- Validation
- API
- Accordion
- AutoComplete
- Button
- Calendar
- CheckBox
- ColorPicker
- ComboBox
- ContextMenu
- DataSource
- DatePicker
- DateTimePicker
- Draggable
- DropDown
- Droppable
- Editor
- ListBox
- LoadingPanel
- MaskedTextBox
- Menu
- MonthYearPicker
- NumericTextBox
- Pager
- ProgressBar
- RadioButton
- Rating
- RecursiveDataSource
- Slider
- SplitButton
- Splitter
- Switch
- Tabs
- TextBox
- TimePicker
- Timeline
- Tooltip
- TreeView
- Upload
- Window
PolarSplineArea graph is useful for showing scientific data.It is circular chart that uses values and angles to show information as polar coordinates. You can specify a default measure. For example, you might need to specify a default measure to give context to a calculated measure in the chart.

The chart from the image above is created with the following code:
<shield:ShieldChart ID="ShieldChart1" Width="100%" Height="400px" runat="server"
OnTakeDataSource="ShieldChart1_TakeDataSource"
CssClass="chart">
<PrimaryHeader Text="Racing lap time in seconds"></PrimaryHeader>
<ExportOptions AllowExportToImage="false" AllowPrint="false" />
<Legend VerticalAlign="Top" Align="Center"></Legend>
<DataSeries>
<shield:ChartPolarSplineAreaSeries CollectionAlias="Time">
</shield:ChartPolarSplineAreaSeries>
</DataSeries>
</shield:ShieldChart>
protected void ShieldChart1_TakeDataSource(object sender, ChartTakeDataSourceEventArgs e)
{
List datasource = new List()
{
156, 112, 122, 160, 120, 123, 121
};
ShieldChart1.DataSource = datasource;
}
- When the chart is bound to collection of objects the X values are got by the field which name is set into the
DataFieldXproperty of theChartPolarSplineAreaSeries. The Y values are got by the field which name is set into theDataFieldYproperty. - The name that is shown in the legend is chosen via the
CollectionAliasproperty of theChartPolarSplineAreaSeries. - By default all X values are sorted in order splinearea chart to be shown appropriately, however this behavior is controlled by the
EnableValueXSortingproperty of theChartPolarSplineAreaSeries. - The line type of the
ChartPolarSplineAreaSeriescan be changed by theSettings.SeriesDashStyleproperty and it can be set as:Solid,ShortDash,ShortDot,ShortDashDot,Dot, etc. DataStartandDataStepproperties control the start value of the x axis and explicit value for the interval between a data series member values.- All points from the
ChartPolarSplineAreaSeriesare represented withChartSeriesItemwhich belongs to theChartPolarSplineAreaSeries.Itemscollection.- The
ChartPolarSplineAreaSeries.Itemscan be added declarative without data binding. - The data binding and declarative approach can be mixed. However in order declarative items to be appended to the items created from the datasource the
ShieldChart.AppendDataBoundItemsproperty need to be set to"true".
- The
- All setting related to
ChartPolarSplineAreaSeriesare contained into theChartPolarSplineAreaSeries.Settingsobject.- The background and line color can be set via
ColorandInnerColorproperties.. - If the
AddToLegendis set to false the series is not added into the legend. - The animation of the series can be controlled by
ChartPolarSplineAreaSeries.Settings.EnableAnimationandChartPolarSplineAreaSeries.Settings.AnimationDurationproperties. - If some values are missing (i.e. they are null/Nothing) from the series data you can have the chart work around this by setting the
DrawNullValuesproperty. - The series of multiline area chart can be stacked by setting the
StackModeproperty toNormalorPercent. - Each point from the series can be selected if the
EnablePointSelectionproperty is set to true. - All selected points can be customized by
Settings.PointMark.ActiveSettings.PointSelectedStateobject properties. - Each series has related tooltip which can be customized via the
Settings.Tooltipobject. - Each point from the series can have related text, which appearance is controlled by
Settings.DataPointTextproperty. You can changeBackgroundColor,BorderColor,Color,Padding, andTextAngleof the corresponding data point text.
- The background and line color can be set via
