How can I hide a series from initially being displayed in Highcharts

Britboy picture Britboy · May 1, 2013 · Viewed 25.8k times · Source

I can hide a chart dynamically when the chart is displayed using series.setVisible( ).

However I want my chart series to be hidden when the chart is initially displayed (I only want the series data present for the tool tip). Is there a way to set the series visibility to false in the initial configuration.

Answer

Irvin Dominin picture Irvin Dominin · May 1, 2013

You can use the visible option of the serie definition.

visible: Boolean Set the initial visibility of the series. Defaults to true.

Code:

series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    visible: false
}, {
    data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4],
    yAxis: 1,
    visible: false
}]

Here a working fiddle: http://jsfiddle.net/IrvinDominin/CkLLt/1/