PolarSpline 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
PolarSpline graph is similar to the scientific graph in that the developer uses data-sets containing both y and x axis components. Each data-point is assigned its own independent x and y value.
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="Number of websites and domains"></PrimaryHeader> <ExportOptions AllowExportToImage="false" AllowPrint="false" /> <Legend Align="Center" VerticalAlign="Top"></Legend> <Axes> <shield:ChartAxisX CategoricalValues="1996, 1998, 2000, 2002, 2006, 2008, 2011"></shield:ChartAxisX> </Axes> <DataSeries> <shield:ChartPolarSplineSeries CollectionAlias="Number of sites"> </shield:ChartPolarSplineSeries> </DataSeries> </shield:ShieldChart>
protected void ShieldChart1_TakeDataSource(object sender, ChartTakeDataSourceEventArgs e) { Listdatasource = new List () { 1200000, 3200000, 8000000, 15600000, 46800000, 70000000, 366800000 }; 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
DataFieldX
property of theChartPolarSplineSeries
. The Y values are got by the field which name is set into theDataFieldY
property. - The name that is shown in the legend is chosen via the
CollectionAlias
property of theChartPolarSplineSeries
. - By default all X values are sorted in order spline chart to be shown appropriately, however this behavior is controlled by the
EnableValueXSorting
property of theChartPolarSplineSeries
. - - The type of the
ChartPolarSplineSeries
can be changed by theSettings.SeriesDashStyle
property and it can be set as:Solid,
ShortDash
,ShortDot
,ShortDashDot
,Dot
, etc. DataStart
andDataStep
properties control the start value of the x axis and explicit value for the interval between a data series member values.- All points from the
ChartPolarSplineSeries
are represented withChartSeriesItem
which belongs to theChartPolarSplineSeries.Items
collection.- The
ChartPolarSplineSeries.Items
can 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.AppendDataBoundItems
property need to be set to"true"
.
- The
- All setting related to
ChartPolarSplineSeries
are contained into theChartPolarSplineSeries.Settings
object.- The series color can be set via
Color
property. - If the
AddToLegend
is set to false the series is not added into the legend. - The animation of the series can be controlled by
ChartPolarSplineSeries.Settings.EnableAnimation
andChartPolarSplineSeries.Settings.AnimationDuration
properties. - 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
DrawNullValues
property. - If the chart has more than one line series they can be ordered by the index set in
ChartPolarSplineSeries.OrderIndex
property. - Each point from the series can be selected if the
EnablePointSelection
property is set to true. - All selected points can be customized by
Settings.PointMark.ActiveSettings.PointSelectedState
object properties. - From the
Settings.PointMark.ActiveSettings.PointHoveredState
object properties you can change the appearance of each part when the user hovers it. - Each series has related tooltip which can be customized via the
Settings.Tooltip
object. - Each point from the series can have related text, which appearance is controlled by
Settings.DataPointText
property. You can changeBackgroundColor
,BorderColor
,Color
,Padding
, andTextAngle
of the corresponding data point text.
- The series color can be set via