CODEWITHSUNDEEP
javascriptjqueryhtmlchartshighcharts
Vineesh Surendran
Vineesh Surendran

Reputation: 137

How to Control the highchart, based on external click event

I need to control (show / hide) the lines of the chart from out side of the SVG. For example: if I click an external link, the related chart bar or line will disappear (toggle).I am using this link for development http://www.highcharts.com/demo/spline-irregular-time

The color of the external link should have the color of the line in the chart.Already they have given the functionality inside the SVG. Thanks in advance.

Upvotes: 0

Views: 1439

Answers (2)

user3364367
user3364367

Reputation: 11

You Can use show and hide You can also use id instead of no http://jsfiddle.net/vPVXF/17/

chart.series[0].hide(); chart.series[0].show();

Upvotes: 0

Sebastian Bochan
Sebastian Bochan

Reputation: 37578

You can hide series by hide() function:

http://jsfiddle.net/vPVXF/

 var chart = $('#container').highcharts();
    chart.series[0].hide();

Upvotes: 1

Related Questions