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.series
, an individual. lineWidth
can be specified for each series.
Options for configuring accessibility for the chart. Requires the accessibility module to be loaded. For a description of the module and information on its features, see Highcharts Accessibility.
Options regarding the chart area and plot area as well as general chart options.
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: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', . '#f15c80', '#e4d354', '#8085e8', '#8d4653', '#91e8e1']In styled mode, the colors option doesn't exist. Instead, colors are defined in CSS and applied either through series or point class names, or through the chart.colorCount option.. .
. In Highstock 1.3.x, the default colors were:.
colors: ['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce', . '#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a']Prior to 1.3, the default colors were:.
colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE', . '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92']
Highchart by default puts a credits label in the lower right corner of the chart.. This can be changed using these options.
Styled mode only. Configuration object for adding SVG definitions for reusable elements. See gradients, shadows and patterns for more information and code examples.
Options for the exporting module. For an overview on the matter, see the docs.
Global options that don't apply to each chart. These options, like the lang
. options, must be set using the Highcharts.setOptions
method..
Highcharts.setOptions({. global: {. useUTC: false. }. });
HTML labels that can be positioned anywhere in the chart area.
Language object. The language object is global and it can't. be set on each chart initiation. Instead, use Highcharts.setOptions
to. set it before any chart is initiated. .
Highcharts.setOptions({. lang: {. months: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],. weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']. }. });
The legend is a box containing a symbol and name for each series item. or point item in the chart.
The loading options control the appearance of the loading screen that covers the . plot area on chart operations. This screen only appears after an explicit call. to chart.showLoading()
. It is a utility for developers to communicate. to the end user that something is going on, for example while retrieving new data. via an XHR connection. The "Loading..." text itself is not part of this configuration. object, but part of the lang
object.
A collection of options for buttons and menus appearing in the exporting module.
The navigator is a small series below the main series, displaying a view of . the entire data set. It provides tools to zoom in and out on parts of the. data as well as panning across the dataset.
Options for displaying a message like "No data to display". This feature requires the file no-data-to-display.js
to be loaded in the page. The actual text to display is set in the lang.noData option.
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.. Configuration options for the series are given in three levels. Options. for all series in a chart are given in the plotOptions.series object. Then options for all series. of a specific type are given in the plotOptions of that type, for example plotOptions.line.. Next, options for one single series are given in the . series array.
The range selector is a tool for selecting ranges to display within the chart. It provides. buttons to select preconfigured ranges in the chart, like 1 day, 1 week, 1 month etc. It. also provides input boxes where min and max dates can be manually input.
Allows setting a set of rules to apply for different screen or chart sizes. Each rule specifies additional chart options.
The scrollbar is a means of panning over the X axis of a chart.. .
In styled mode, all the presentational options for the scrollbar are replaced by the classes .highcharts-scrollbar-thumb
, .highcharts-scrollbar-arrow
, .highcharts-scrollbar-button
, .highcharts-scrollbar-rifles
and .highcharts-scrollbar-track
.
The chart's subtitle
The chart's main title.
Options for the tooltip that appears when the user hovers over a series or point.
The X axis or category axis. Normally this is the horizontal axis, though if the . chart is inverted this is the vertical axis. In case of multiple axes, the xAxis. node is an array of configuration objects.. See the Axis object for programmatic. access to the axis.
The Y axis or value axis. In case of multiple axes, the yAxis. node is an array of configuration objects.. See the Axis object for programmatic. access to the axis.