chart
Options regarding the chart area and plot area as well as general chart options.
backgroundColor
Color
null
The background color or gradient for the outer chart area.
borderColor
Color
"#4572A7"
The color of the outer chart border. The border is painted using vector graphic
techniques to allow rounded corners.
borderRadius
Number
5
The corner radius of the outer chart border.
borderWidth
Number
0
The pixel width of the outer chart border. The border is painted using vector graphic
techniques to allow rounded corners.
className
String
""
A CSS class name to apply to the charts container div, allowing unique CSS styling
for each chart.
defaultSeriesType
String
"line"
The default series type for the chart. Can be one of line, spline, area, areaspline,
column, bar, pie and scatter.
inverted
Boolean
false
Whether to invert the axes so that the x axis is horizontal and y axis is vertical.
When true, the x axis is reversed by default. If a bar plot is present in the chart,
it will be inverted automatically.
margin
Array
[50, 50, 60, 80]
The margin between the outer edge of the chart and the plot area. The numbers in
the array designate top, right, bottom and left respectively.
plotBackgroundColor
Color
null
The background color or gradient for the plot area.
plotBorderColor
Color
"#C0C0C0"
The color of the inner chart or plot area border.
plotBorderWidth
Number
0
The pixel width of the plot area border.
plotShadow
Boolean
false
Whether to apply a drop shadow to the plot area.
shadow
Boolean
false
Whether to apply a drop shadow to the outer chart area.
style
CSSObject
null
Additional CSS styles to apply inline to the container div.
zoomType
String
""
Decides in what dimentions the user can zoom by dragging the mouse. Can
be one of x, y or xy.
title
The chart's main title.
text
String
"Chart title"
The title of the chart.
style
CSSObject
CSS styles for the title. Exact positioning of the title can be achieved
by changing the margin property, or by adding
position: "absolute" and
left and top properties. Defaults to:
{
textAlign: 'center',
color: '#3E576F',
font: '16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',
margin: '10px 0 0 0'
}
subtitle
The chart's subtitle
text
String
""
The subtitle of the chart.
style
CSSObject
CSS styles for the title. Exact positioning of the title can be achieved
by changing the margin property, or by adding
position: "absolute" and
left and top properties. Defaults to:
{
textAlign: 'center',
color: '#3E576F',
font: '16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',
margin: '10px 0 0 0'
}
xAxis
The X axis or category axis. Normally this is the horizontal axis, though if the
chart is inverted this is the vertical axis.
alternateGridColor
Color
null
When using an alternate grid color, a band is painted across the plot area
between every other grid line.
categories
Array
[]
If categories are present for the xAxis, names are used instead of numbers for that
axis. Example:
categories: ['Apples', 'Bananas', 'Oranges']
dateTimeLabelFormats
Object
For a datetime axis, the scale will automatically adjust to the appropriate unit.
This member gives the default string representations used for each unit. For an
overview of the replacement codes, see dateFormat.
Defaults to:
{
second: '%H:%M:%S',
minute: '%H:%M',
hour: '%H:%M',
day: '%e. %b',
week: '%e. %b',
month: '%b '%y',
year: '%Y'
}
gridLineColor
Color
"#C0C0C0"
Color of the grid lines extending the ticks across the plot area.
gridLineWidth
Number
0
The width of the grid lines extending the ticks across the plot area.
gridLineWidth
Number
0
The width of the grid lines extending the ticks across the plot area.
labels
xAxis.labels
Configuration object for the axis labels, usually displaying the number
for each tick.
lineColor
Color
"#C0D0E0"
The color of the line marking the axis itself.
lineWidth
Number
1
The width of the line marking the axis itself.
max
Number
null
The maximum value of the axis. If null the max value is
automatically calculated.
maxZoom
Number
1
The maximum amount of zoom on this axis. The entire axis will not be allowed
to span over a smaller interval than this. For example, for a datetime axis
the main unit is milliseconds. If maxZoom is set to 3600000, you can't zoom
in more than to one hour.
min
Number
null
The minimum value of the axis. If null the min value is
automatically calculated.
minorGridLineColor
Color
#E0E0E0
Color of the minor, secondary grid lines.
minorGridLineWidth
Number
1
Width of the minor, secondary grid lines.
minorTickColor
Color
#A0A0A0
Color for the minor tick marks.
minorTickInterval
Number
null
Tick interval in scale units for the minor ticks. If "auto",
the minor tick interval is calculated as a fifth of the tickInterval. If
null, minor ticks are not shown.
minorTickLength
Number
2
The pixel length of the minor tick marks.
minorTickPosition
String
outside
The position of the minor tick marks relative to the axis line. Can be
one of inside and outside.
minorTickWidth
Number
1
The pixel width of the minor tick mark.
plotBands
Array.<plotBand>
null
An array of configuration objects for plot bands colouring parts of the
plot area background.
reversed
Boolean
false
Whether to reverse the axis so that the highest number is closest to origo.
If the chart is inverted, the x axis is reversed by default.
showFirstLabel
Boolean
true
Whether to show the first tick label.
showLastLabel
Boolean
false
Whether to show the last tick label.
startOfWeek
Number
1
For datetime axes, this decides where to put the separator line between
weeks. 0 = Sunday, 1 = Monday.
tickColor
Color
#C0D0E0
Color for the main tick marks.
tickInterval
Mixed
"auto"
The interval of the tick marks in axis units. When "auto", the tick interval
is computed to approximately follow the tickPixelInterval. Not applicable to
categorized axis.
tickLength
Number
5
The pixel length of the main tick marks.
tickmarkPlacement
String
"between"
For categorized axes only. If "on" the tick mark is placed in the center of
the category, if "between" the tick mark is placed between categories.
tickPixelInterval
Number
If tickInterval is "auto" this option sets the approximate pixel interval of the
tick marks. Not applicable to categorized axis. Defaults to 72
for the Y axis and 100 for the X axis.
tickPosition
String
"outside"
The position of the major tick marks relative to the axis line. Can be
one of inside and outside.
tickWidth
Number
1
The pixel width of the major tick marks.
title
xAxis.title
Configuration object for the axis title.
type
String
"linear"
The type of axis. Can be one of "linear" or "datetime". In a datetime
axis, the numbers are given in milliseconds, and tick marks are placed
on appropriate values like full hours or days.
xAxis.labels
The axis labels show the number or category for each tick.
align
String
"center"
What part of the string the given position is anchored to.
Can be one of "left",
"center" or "right". In inverted charts,
x axis label alignment and y axis alignment are swapped.
enabled
Boolean
true
Enable or disable the axis labels.
formatter
Function
Callback JavaScript function to format the label. The value is
given by
this.value. Defaults to:
function() {
return this.value;
}
rotation
Number
0
Rotation of the labels in degrees.
style
CSSObject
CSS styles for the label. Defaults to:
style: {
color: '#666',
font: '10px bold "Lucida Grande", "Lucida Sans Unicode",'+
' Verdana, Arial, Helvetica, sans-serif'
}
x
Number
0
The x position offset of the label relative to the tick position
on the axis.
y
Number
0
The y position offset of the label relative to the tick position
on the axis.
xAxis.plotBands
A colored band stretching across the plot area marking an interval on the axis.
color
Color
null
The color or gradient of the plot band.
from
Number
null
The start position of the plot band in axis values.
to
Number
null
The end position of the plot band in axis values.
xAxis.title
The axis title, showing next to the axis line.
align
String
"middle"
Alignment of the title relative to the axis values. Possible values
are "low", "middle" or "high".
enabled
Boolean
false
Enable or disable the axis title.
margin
Number
35
The pixel distance between the axis line and the title. Positive
values are outside the axis line, negative are inside.
rotation
Number
0
The rotation of the text in degrees. 0 is horizontal, 270 is vertical
reading from bottom to top.
style
CSSObject
CSS styles for the title. When titles are rotated they are rendered using
vector graphic techniques and not all styles are applicable. Most noteworthy,
a bug in IE8 renders all rotated strings bold and italic. Defaults to:
style: {
color: '#6D869F',
font: 'bold 12px "Lucida Grande", "Lucida Sans Unicode", '+
'Verdana, Arial, Helvetica, sans-serif'
}
text
String
"X-values"
The actual text of the axis title. Horizontal texts can contain HTML,
but rotated texts are painted using vector techniques and must be
clean text.
yAxis
Extends xAxis
gridLineWidth
Number
1
The width of the grid lines extending the ticks across the plot area.
showLastLabel
Boolean
true
Whether to show the last tick label.
lineWidth
Number
0
The width of the line marking the axis itself.
tickWidth
Number
0
The pixel width of the major tick marks.
yAxis.labels
Extends xAxis.labels
align
String
"right"
What part of the string the given position is anchored to.
Can be one of "left", "center" or "right".
x
Number
-8
The x position offset of the label relative to the tick position on the axis.
y
Number
3
The y position offset of the label relative to the tick position on the axis.
yAxis.title
Extends xAxis.title
enabled
Boolean
true
Enable or disable the axis title.
margin
Number
40
The pixel distance between the axis line and the title. Positive
values are outside the axis line, negative are inside.
rotation
Number
270
The rotation of the text in degrees. 0 is horizontal, 270 is
vertical reading from bottom to top.
text
String
"Y-values"
The actual text of the axis title. Horizontal texts can contain HTML,
but rotated texts are painted using vector techniques and must be
clean text.
yAxis.plotBands
Extends xAxis.plotBands
plotOptions
The plotOptions is a wrapper object for config objects for each series type.
The config objects for each series can also be overridden for each series
item as given in the series array.
area
plotOptions.area
Area plot options
areaspline
plotOptions.areaspline
Areaspline plot options
bar
plotOptions.bar
Bar chart options
column
plotOptions.column
Column chart options
line
plotOptions.line
Line chart options
pie
plotOptions.pie
Pie chart options
scatter
plotOptions.scatter
Scatter chart options
spline
plotOptions.spline
Spline chart options
plotOptions.line
dataLabels
plotOptions.line.dataLabels
Defines the appearance of the data labels, static labels for each point.
lineWidth
Number
2
Pixel with of the graph line.
marker
plotOptions.line.marker
Defines the appearance of the point markers.
pointStart
Number
0
If no x values are given for the points in a series, pointStart defines
on what value to start. For example, if a series contains one yearly value
starting from 1945, set pointStart to 1945.
pointInterval
Number
1
If no x values are given for the points in a series, pointInterval defines
the interval of the x values. For example, if a series contains one value
every decade starting from year 0, set pointInterval to 10.
shadow
Boolean
true
Whether to apply a drop shadow to the graph line.
showInLegend
Boolean
true
Whether to display this particular series or series type in the legend.
stacking
String
null
Whether to stack the values of each series on top of each other. Possible values
are null to disable, "normal" to stack by value or "percent".
states
plotOptions.line.states
A wrapper object for all the series options in specific states.
plotOptions.line.marker
enabled
Boolean
true
Enable or disable the point marker.
fillColor
Color
"auto"
The fill color of the point marker. When "auto", the series' or point's color
is used.
lineColor
Color
"#FFFFFF"
The color of the point marker's outline. When "auto", the series' or point's color
is used.
lineWidth
Number
0
The width of the point marker's outline.
radius
Number
0
The radius of the point marker.
states
plotOptions.line.marker.states
Interaction states for the point marker.
symbol
String
"auto"
A predefined shape or symbol for the marker. When "auto", the symbol is pulled from
options.symbols. Other possible values are "circle", "square", "diamond", "triangle"
and "triangle-down". Additionally, the URL to a graphic can be given on this form:
"url(graphic.png)".
plotOptions.line.marker.states
hover
plotOptions.line.marker.states.hover
Configuration options for the hovered point marker. Members are
inherited from the default line configuration, but single members can be overridden.
plotOptions.line.marker.states.hover
enabled
Boolean
true
Enable or disable the point marker.
fillColor
Color
"auto"
The fill color of the point marker. When "auto", the series' or point's color
is used.
lineColor
Color
"#FFFFFF"
The color of the point marker's outline. When "auto", the series' or point's color
is used.
lineWidth
Number
0
The width of the point marker's outline.
radius
Number
The radius of the point marker. In hover state, it defaults
to the normal state's radius + 2.
symbol
String
"auto"
A predefined shape or symbol for the marker. When "auto", the symbol is pulled from
options.symbols. Other possible values are "circle", "square", "diamond", "triangle"
and "triangle-down". Additionally, the URL to a graphic can be given on this form:
"url(graphic.png)".
plotOptions.line.dataLabels
Extends xAxis.labels
enabled
Boolean
false
Enable or disable the data labels.
formatter
Function
Callback JavaScript function to format the data label. Available data are:
this.x: The x value.
this.y: The y value.
this.series: The series object. The series name is available
through this.series.name.
this.point: The point object. The point name, if defined, is available
through this.point.name.
Default value:
formatter: function() {
return this.y;
}
x
Number
0
The x position offset of the label relative to the point.
y
Number
-6
The y position offset of the label relative to the point.
plotOptions.line.states
hover
plotOptions.line.states.hover
Configuration options for the hovered line. Members are
inherited from the default line configuration, but single members can be overridden.
plotOptions.line.states.hover
lineWidth
Number
2
Pixel with of the graph line.
marker
plotOptions.line.marker
Defines the appearance of the point markers.
shadow
Boolean
true
Whether to apply a drop shadow to the graph line.
plotOptions.line.states.hover.marker
Extends plotOptions.line.marker
lineWidth
Number
The line width of the point marker of a hovered line. Defaults to
the lineWidth in normal state + 1.
radius
Number
The radius of the point marker of a hovered line. Defaults to
the lineWidth in normal state + 1.
plotOptions.spline
Extends plotOptions.line
plotOptions.spline.marker
Extends plotOptions.line.marker
plotOptions.spline.marker.states
Extends plotOptions.line.marker.states
plotOptions.spline.marker.states.hover
Extends plotOptions.line.marker.states.hover
plotOptions.spline.dataLabels
Extends plotOptions.line.dataLabels
plotOptions.spline.states
Extends plotOptions.line.states
plotOptions.spline.states.hover
Extends plotOptions.line.states.hover
plotOptions.spline.states.hover.marker
Extends plotOptions.line.states.hover.marker
plotOptions.scatter
Extends plotOptions.line
lineWidth
Number
0
The width of the line connecting the data points.
plotOptions.scatter.marker
Extends plotOptions.line.marker
plotOptions.scatter.marker.states
Extends plotOptions.line.marker.states
plotOptions.scatter.marker.states.hover
Extends plotOptions.line.marker.states.hover
plotOptions.scatter.dataLabels
Extends plotOptions.line.dataLabels
plotOptions.scatter.states
Extends plotOptions.line.states
plotOptions.scatter.states.hover
Extends plotOptions.line.states.hover
lineWidth
Number
0
The width of the line connecting the data points.
plotOptions.scatter.states.hover.marker
Extends plotOptions.line.states.hover.marker
plotOptions.area
Extends plotOptions.line
fillColor
Color
"auto"
Fill color for the area. When "auto", the series' color is
used with the series' fillOpacity.
fillOpacity
Number
.75
Fill opacity for the area.
lineColor
Color
null
A separate color for the graph line. By default the line takes the color
of the series, but the lineColor setting allows setting a separate
color for the line without altering the fillColor.
plotOptions.area.marker
Extends plotOptions.line.marker
plotOptions.area.marker.states
Extends plotOptions.line.marker.states
plotOptions.area.marker.states.hover
Extends plotOptions.line.marker.states.hover
plotOptions.area.dataLabels
Extends plotOptions.line.dataLabels
plotOptions.area.states
Extends plotOptions.line.states
plotOptions.area.states.hover
Extends plotOptions.line.states.hover
plotOptions.area.states.hover.marker
Extends plotOptions.line.states.hover.marker
plotOptions.areaspline
Extends plotOptions.area
plotOptions.areaspline.marker
Extends plotOptions.area.marker
plotOptions.areaspline.marker.states
Extends plotOptions.area.marker.states
plotOptions.areaspline.marker.states.hover
Extends plotOptions.area.marker.states.hover
plotOptions.areaspline.dataLabels
Extends plotOptions.area.dataLabels
plotOptions.areaspline.states
Extends plotOptions.area.states
plotOptions.areaspline.states.hover
Extends plotOptions.area.states.hover
plotOptions.areaspline.states.hover.marker
Extends plotOptions.area.states.hover.marker
plotOptions.column
Extends plotOptions.line
borderColor
Color
"#FFFFFF"
The color of the border surronding each column or bar.
borderRadius
Number
0
The corner radius of the border surronding each column or bar.
borderWidth
Number
1
The width of the border surronding each column or bar.
groupPadding
Number
.2
Padding between each value groups, in x axis units.
pointPadding
Number
.1
Padding between each column or bar, in x axis units.
plotOptions.column.marker
Extends plotOptions.line.marker
plotOptions.column.marker.states
Extends plotOptions.line.marker.states
plotOptions.column.marker.states.hover
Extends plotOptions.line.marker.states.hover
plotOptions.column.dataLabels
Extends plotOptions.line.dataLabels
plotOptions.column.states
Extends plotOptions.line.states
plotOptions.column.states.hover
Extends plotOptions.line.states.hover
brightness
Number
.1
How much to brighten the point on interaction.
shadow
Boolean
false
The drop shadow for each column or bar.
plotOptions.column.states.hover.marker
Extends plotOptions.line.states.hover.marker
plotOptions.bar
Extends plotOptions.column
plotOptions.bar.marker
Extends plotOptions.column.marker
plotOptions.bar.marker.states
Extends plotOptions.column.marker.states
plotOptions.bar.marker.states.hover
Extends plotOptions.column.marker.states.hover
plotOptions.bar.dataLabels
Extends plotOptions.column.dataLabels
align
String
"left"
Alignment of the data label relative to the data point.
x
Number
5
The x position of the data label relative to the data point.
y
Number
0
The y position of the data label relative to the data point.
plotOptions.bar.states
Extends plotOptions.column.states
plotOptions.bar.states.hover
Extends plotOptions.column.states.hover
plotOptions.bar.states.hover.marker
Extends plotOptions.column.states.hover.marker
plotOptions.pie
Extends plotOptions.line
center
Array<String>
['50%', '50%']
The center of the pie chart relative to the plot area. Can be percentages
or pixel values.
legendType
String
"point"
Whether each legend item should refer to a "point" or a "series".
size
String
"90%"
The diameter of the pie relative to the plot area. Can be a percentage
or pixel value.
slicedOffset
Number
10
If a point is sliced, moved out from the center, how many pixels should
it be moved?
plotOptions.pie.marker
Extends plotOptions.line.marker
plotOptions.pie.marker.states
Extends plotOptions.line.marker.states
plotOptions.pie.marker.states.hover
Extends plotOptions.line.marker.states.hover
plotOptions.pie.dataLabels
Extends plotOptions.line.dataLabels
plotOptions.pie.states
Extends plotOptions.line.states
plotOptions.pie.states.hover
Extends plotOptions.line.states.hover
brightness
Number
.1
How much to brighten the point on interaction.
shadow
Boolean
false
The drop shadow for each column or bar.
plotOptions.pie.states.hover.marker
Extends plotOptions.line.states.hover.marker
labels
HTML labels that can be positioined anywhere in the chart area.
items
Array<labels.item>
An array containing configuration for each label.
style
CSSObject
Shared CSS styles for all labels. Defaults to:
style: {
color: '#3E576F',
font: '12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif'
}
labels.items
A HTML label that can be positioined anywhere in the chart area.
html
String
""
Inner HTML or text for the label.
style
CSSObject
CSS styles for each label. To position the label, use left and top like this:
style: {
left: '100px',
top: '100px'
}
legend
The legend is a layer containing a symbol and name for each series item
or point item in the chart.
backgroundColor
Color
null
The background color of the legend, filling the rounded corner border.
borderColor
Color
#909090
The color of the drawn border around the legend.
borderRadius
Number
5
The border corner radius of the legend.
borderWidth
Number
0
The width of the drawn border around the legend.
enabled
Boolean
true
Enable or disable the legend.
itemHiddenStyle
CSSObject
CSS styles for each legend item when the corresponding series or point
is hidden. Properties are inherited
from
style unless overridden here. Defaults to:
itemHiddenStyle: {
color: '#CCC'
}
itemHoverStyle
CSSObject
CSS styles for each legend item in hover mode. Properties are inherited
from
style unless overridden here. Defaults to:
itemHoverStyle: {
color: '#000'
}
itemStyle
CSSObject
CSS styles for each legend item. Defaults to:
itemStyle: {
listStyle: 'none',
margin: '0 1em 0 0',
padding: 0,
font: '13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',
cursor: 'pointer',
color: '#3E576F'
}
layout
String
"horizontal"
The layout of the legend items. Can be one of "horizontal" or "vertical".
labelFormatter
Function
Callback function to format each of the series' labels. The
this
keyword refers to the series object, or the point object in case of pie charts.
Defaults to:
labelFormatter: function() {
return this.name
}
shadow
Boolean
true
Whether to apply a drop shadow to the legend.
style
CSSObject
CSS styles for the legend area. Defaults to:
style: {
position: 'absolute',
zIndex: 10,
bottom: '10px',
left: '80px',
padding: '5px'
}
symbolPadding
Number
5
The pixel padding between the legend item symbol and the legend item text.
symbolWidth
Number
30
The pixel width of the legend item symbol.
tooltip
Options for the tooltip that appears when the user hovers over a series or point.
backgroundColor
Color
"rgba(255, 255, 255, .85)"
The background color or gradient for the tooltip.
borderColor
Color
"auto"
The color of the tooltip border. When "auto", the border takes the color of the
corresponding series or point.
borderRadius
Number
5
The radius of the rounded border corners.
borderWidth
Number
2
The pixel width of the tooltip border.
enabled
Boolean
true
Enable or disable the tooltip.
formatter
Function
Callback function to format the HTML of the tooltip. Available data are:
this.x: The x value.
this.y: The y value.
this.series: The series object. The series name is available
through this.series.name.
this.point: The point object. The point name, if defined, is available
through this.point.name.
Default value:
formatter: function() {
return ''+ (this.point ? this.point.name : this.series.name) +'
'+
'X value: '+ this.x +'
'+
'Y value: '+ this.y;
}
shadow
Boolean
true
Whether to apply a drop shadow to the tooltip.
style
CSSObject
CSS styles for the tooltip. The tooltip can also be styled through the CSS
class
.highcharts-tooltip.
Default value:
style: {
color: '#333333',
fontSize: '9pt',
padding: '5px'
}
toolbar
When zooming, a toolbar appears with an item to reset the zoom.
itemStyle
CSSObject
CSS styles for each toolbar item. Defaults to:
itemStyle: {
color: '#4572A7',
fontSize: '9pt',
cursor: 'pointer',
margin: '20px'
}
credits
Highchart by default puts a credits label in the lower right corner of the chart.
This can be changed using these options.
enabled
Boolean
true
Whether to show the credits text.
href
String
"http://www.highcharts.com"
The URL for the credits label.
style
CSSObject
CSS styles for the credits label. Defaults to:
itemStyle: {
position: 'absolute',
right: '50px',
bottom: '5px',
color: '#999',
fontSize: '10px',
textDecoration: 'none'
}
text
String
"Highcharts.com"
The text for the credits label.
colors
An array containing the default colors for the chart's series. When all
colors are used, new colors are pulled from the start again. Defaults to:
colors: [
'#4572A7',
'#AA4643',
'#89A54E',
'#80699B',
'#3D96AE',
'#DB843D',
'#92A8CD',
'#A47D7C',
'#B5CA92'
]
symbols
An array containing the default symbols for the series point markers. When all
symbols are used, new symbols are pulled from the start again. Defaults to:
symbols: [
'circle',
'diamond',
'square',
'triangle',
'triangle-down'
]
lang
Language object
months
Array<String>
['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', 'October', 'November', 'December']
An array containing the months names.
weekdays
Array<String>
['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
An array containing the weekday names.
series
The actual series to append to the chart. In addition to
the members listed below, any member of the plotOptions for that specific
type of plot can be added to a series individually. For example, even though a general
lineWidth is specified in plotOptions.line, an individual
lineWidth can be specified for each series.
data
Array<Mixed>
""
An array of data points for the series. The points can be given in three ways:
- A list of numberical values. In this case, the numberical values will
be interpreted and y values, and x values will be automatically calculated,
either starting at 0 and incrementing by 1, or from
pointStart
and pointInterval given in the plotOptions. If the axis is
has categories, these will be used. Example:
data: [0, 5, 3, 5]
- A list of arrays with two values. In this case, the first value is the
x value and the second is the y value. Example:
data: [[5, 2], [6, 3], [8, 2]]
- A list of object with named values. In this case the objects are
point configuration objects as seen under options.point.
Moreover, the data can be given in any form if the
dataParser function
below is used to prepare the data and return in one of the forms above.
dataParser
Function
Callback function to parse the data given either through the data
or dataURL members. The data is passed as the first argument
to the function. Return the parsed data in one of the forms given under data
above.
dataURL
String
null
The URL to a file to load the data using Ajax. If the data is not in the form
shown under data above, it can be parsed using dataParser,
name
String
""
The name of the series as shown in the legend, tooltip etc.
type
String
"line"
The type of series. Can be one of area, areaspline,
bar, column, line, pie,
scatter or spline.
point
Config options for the individual point as given in series.data.
marker
plotOptions.line.marker
null
An individual point marker for the point.
name
String
""
The name of the point as shown in the legend, tooltip, dataLabel etc.
sliced
Boolean
false
Pie series only. Whether to display a slice offset from the center.
x
Number
null
The x value of the point
y
Number
null
The y value of the point
point.marker
Extends plotOptions.line.marker