HighchartsConfig
Related Docs:
class HighchartsConfig
| package config
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', '#2b908f', '#f45b5b', '#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 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.. 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. 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.
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 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.
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. 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. 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". 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.
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.
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. Each rule specifies additional chart options.
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. 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.. See the Axis object for programmatic. access to the axis.