Options for configuring accessibility for the chart.
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.
5.0.0
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.
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', '#2b908f', '#f45b5b', '#91e8e1']
Default colors can also be set on a series or series.type basis, see column.colors, pie.colors.
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 Highcharts 3.x, the default colors were:
colors: ['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce', '#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a']
In Highcharts 2.x, 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.
Highchart by default puts a credits label in the lower right corner of the chart. This can be changed using these options.
The Data module provides a simplified interface for adding data to a chart from sources like CVS, HTML tables or grid views.
The Data module provides a simplified interface for adding data to a chart from sources like CVS, HTML tables or grid views. See also the tutorial article on the Data module.
It requires the modules/data.js
file to be loaded.
Please note that the default way of adding data in Highcharts, without the need of a module, is through the series.data option.
Data from a HTML table, CSV.
4.0
Styled mode only.
Styled mode only. Configuration object for adding SVG definitions for reusable elements. See gradients, shadows and patterns for more information and code examples.
5.0.0
Options for drill down, the concept of inspecting increasingly high resolution data through clicking on chart items like columns or pie slices.
Options for drill down, the concept of inspecting increasingly high resolution data through clicking on chart items like columns or pie slices.
The drilldown feature requires the drilldown.js
file to be loaded, found in the modules
directory of the download package, or online at code.highcharts.com/modules/drilldown.js.
3.0.8
Options for the exporting module.
Options for the exporting module. For an overview on the matter, see the docs.
Global options that don't apply to each chart.
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.
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 legend is a box containing a symbol and name for each series item or point item in the chart. Each series (or points in case of pie charts) is represented by a symbol and its name in the legend.
It is also possible to override the symbol creator function and create custom legend symbols.
The loading options control the appearance of the loading screen that covers the plot area on chart operations.
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.
Options for displaying a message like "No data to display".
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.
3.0.8
Applies only to polar charts and angular gauges.
Applies only to polar charts and angular gauges. This configuration object holds general options for the combined X and Y axes set. Each xAxis or yAxis can reference the pane by index.
2.3.0
The plotOptions is a wrapper object for config objects for each series type.
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.
Allows setting a set of rules to apply for different screen or chart sizes.
Allows setting a set of rules to apply for different screen or chart sizes. Each rule specifies additional chart options.
Responsive axis, legend and class name.
5.0.0
The actual series to append to the chart.
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.
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.
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.
The Y axis or value axis. Normally this is the vertical axis, though if the chart is inverted this is the horizontal 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.
The Z axis or depth axis for 3D plots.
The Z axis or depth axis for 3D plots.
See the Axis object for programmatic access to the axis.
5.0.0
JavaScript name:
HighchartsConfig