Configures the series in charts.
Options for customizing animation for the series.
string
This property is used in financial charts to visualize the price movements in stock. It defines the color of the candle/point, when the opening price is less than the closing price.
Defaults to null
number
The bin interval of each histogram point.
Defaults to null
Options for customizing the border of the series. This is applicable only for Column and Bar type series.
The mode of the box and whisker char series. They are, Exclusive Inclusive Normal
Defaults to ‘Normal’
string
This property is used in financial charts to visualize the price movements in stock. It defines the color of the candle/point, when the opening price is higher than the closing price.
Defaults to null
number
It defines tension of cardinal spline types.
Defaults to 0.5
string
The DataSource field that contains the close value of y. It is applicable for both series and technical indicators
Defaults to ”
string
The DataSource field that contains the color mapping value. It is applicable for range color mapping properly.
Defines the shape of the data in a column and bar chart.
Defaults to ‘Rectangle’
number
To render the column series points with particular column spacing. It takes value from 0 - 1.
Defaults to 0
number
Render the column series points with a particular column width. If the series type is histogram the default value is 1 otherwise 0.7.
Defaults to null
number
To render the column series points with particular column width as pixel.
Defaults to null
Defines the appearance of line connecting adjacent points in waterfall charts.
To render the column series points with particular rounded corner.
string
Defines the pattern of dashes and gaps to stroke the lines in Line type series.
Defaults to ”
Object | DataManager
Specifies the data source for the series. It can be an array of JSON objects or an instance of DataManager.
<div id='Chart'></div>let dataManager: DataManager = new DataManager({
url: 'http://mvc.syncfusion.com/Services/Northwnd.svc/Tasks/'
});
let query: Query = new Query().take(50).where('Estimate', 'greaterThan', 0, false);
let chart: Chart = new Chart({
...
series: [{
dataSource: dataManager,
xName: 'Id',
yName: 'Estimate',
query: query
}],
...
});
chart.appendTo('#Chart');Defaults to ”
Options to customize the drag settings for series
Type of series to be drawn in radar or polar series. They are:
Defaults to ‘Line’
Options to customize the empty points in series.
boolean
This property is used to improve chart performance via data mapping for series dataSource.
Defaults to false
boolean
This property is applicable for candle series. It enables/disables to visually compare the current values with the previous values in stock.
Defaults to false
boolean
Enable tooltip for the chart series.
Defaults to true
Options for displaying and customizing error bar for individual points in a series.
string
The fill color for the series, which can accept values in hex or rgba as a valid CSS color string. It also represents the color of the signal lines in technical indicators. For technical indicators, the default value is ‘blue’ and for series, it is null.
Defaults to null
string
Defines the name that specifies the chart series are mutually exclusive and can be overlaid. The axis in the same group shares the same baseline and location on the corresponding axis.
Defaults to ”
string
The DataSource field that contains the high value of y. It is applicable for both series and technical indicators.
Defaults to ”
number[]
Defines the collection of indexes of the intermediate summary columns in waterfall charts.
Defaults to []
boolean
Specifies whether to join the start and end point of a line/area series used in polar/radar chart to form a closed path.
Defaults to true
string
The URL for the image that is to be displayed as a legend icon. It requires legendShape value to be an Image.
Defaults to ”
The shape of the legend. Each series has its own legend shape, which can be one of the following:
Defaults to ‘SeriesType’
string
The DataSource field that contains the low value of y It is applicable for series and technical indicators
Defaults to ”
Options for displaying and customizing markers for individual points in a series.
number
Specifies the maximum radius.
Defaults to 3
number
Specifies the minimum radius.
Defaults to 1
string
The name of the series as displayed in the legend.
Defaults to ”
string
Defines the visual representation of the negative changes in waterfall charts.
Defaults to ‘#C64E4A’
string
Custom style for the non-highlighted series or points.
Defaults to null
number
The opacity of the series.
Defaults to 1
string
The DataSource field that contains the open value of y It is applicable for series and technical indicators
Defaults to ”
Options for customizing the pareto line series.
string
The DataSource field that contains the color value of a point. It is applicable for series.
Defaults to ”
Query
Specifies a query to select data from the DataSource. This property is applicable only when the DataSource is an ej.DataManager.
Defaults to ”
Defines the axis, based on which the line series will be split.
Defines the collection of regions that helps to differentiate a line series.
string
Custom style for the selected series or points.
Defaults to null
boolean
If set to true, the mean value for box and whisker will be visible.
Defaults to true
boolean
The normal distribution of histogram series.
Defaults to false
string
The DataSource field that contains the size value of y.
Defaults to ”
Defines the type of spline to be rendered.
Defaults to ‘Natural’
string
This property allows grouping of series in stacked column / bar charts.
Any string value can be provided to the stackingGroup property.
If any two or more series have the same value, those series will be grouped together.
Defaults to ”
Defines the position for the steps in the step line, step area, and step range area chart types.
Defaults to ‘Left’
number[]
Defines the collection of indexes of the overall summary columns in waterfall charts.
Defaults to []
string
Defines the visual representation of the summaries in waterfall charts.
Defaults to ‘#4E81BC’
string
Format of the tooltip content.
Defaults to ”
string
The data source field that contains the tooltip value.
Defaults to ”
Defines the collection of trendlines that are used to predict the trend.
The type of the series are:
Defaults to ‘Line’
string
Custom style for the deselected series or points.
Defaults to null
boolean
Specifies the visibility of the series.
Defaults to true
string
Defines the data source field that contains the volume value in candle charts. It is applicable for both financial series and technical indicators
Defaults to ”
number
The stroke width for the series that is applicable only for Line type series.
It also represents the stroke width of the signal lines in technical indicators.
Defaults to 1
string
The name of the horizontal axis associated with the series. It requires axes of the chart.
It is applicable for series and technical indicators
<div id='Chart'></div>let chart: Chart = new Chart({
...
columns: [{ width: '50%' },
{ width: '50%' }],
axes: [{
name: 'xAxis 1',
columnIndex: 1,
}],
series: [{
dataSource: data,
xName: 'x', yName: 'y',
xAxisName: 'xAxis 1',
}],
});
chart.appendTo('#Chart');Defaults to null
string
The DataSource field that contains the x value. It is applicable for both series and technical indicators.
Defaults to ”
string
The name of the vertical axis associated with the series. It requires axes of the chart.
It is applicable for series and technical indicators
<div id='Chart'></div>let chart: Chart = new Chart({
...
rows: [{ height: '50%' },
{ height: '50%' }],
axes: [{
name: 'yAxis 1',
rowIndex: 1,
}],
series: [{
dataSource: data,
xName: 'x', yName: 'y',
yAxisName: 'yAxis 1'
}],
});
chart.appendTo('#Chart');Defaults to null
string
The DataSource field that contains the y value.
Defaults to ”
number
The z order of the series.
Defaults to 0
Adds a data point to the data source.
| Parameter | Type | Description |
|---|---|---|
| dataPoint | Object |
The data point to be added. |
| duration (optional) | number |
The duration for the animation. |
Returns void
Removes a data point from the series data source at the specified index.
| Parameter | Type | Description |
|---|---|---|
| index | number |
The index of the data point to be removed. |
| duration (optional) | number |
The duration for the animation. |
Returns void
Sets the data source with the provided data.
| Parameter | Type | Description |
|---|---|---|
| data | Object[] |
An array of objects representing the data points. |
| duration (optional) | number |
The duration for the animation. |
Returns void