Hide line in default state in Highcharts

javascript charts highcharts
Egor Sazanovich picture Egor Sazanovich · Jan 6, 2012 · Viewed 23.7k times · Source

How to hide line in default state in Highcharts js-script?

I have ~7 series on my canvas, 3-4 of them are optional and I want to make them hidden when the page is load, but also show them in legend, to inform user, that he can enable them if wants

Answer

Egor Sazanovich picture Egor Sazanovich · Jan 6, 2012

Oh, I found it, hope the solution will save time for someone. Use visible:false in series defenition

series: [{
           name: 'MyHiddenLine',
           data: [1,2,3],
           visible: false
        },

Related questions

how to hide highchart x - axis data values

I am drawing a bar chart using highchart.js I do not want to show the x - axis data values. Can any one tell me which option does it? full config: var chart = new Highcharts.Chart({ chart: { renderTo: container, …

Read More
Proper way to remove all series data from a highcharts chart?

UPDATE: Here's a jsfiddle that shows the problem: http://jsfiddle.net/pynju/1/ Click on the blue column on Monday. When the detail-view loads, notice that 01-07 have 3 columns (expected 2). Click on the tallest bar to go back to the original …

Read More
customize highcharts tooltip to show datetime

I'm developing a project that is expected to show this graph: http://jsfiddle.net/Kc23N/ When I click a point (tooltip) I want to show a date understandable, not the value in milliseconds. I think needs to change this …

Read More