Demo For Series Hide
HTML
<script src="http://code.highcharts.com/master/highstock.js"></script>
<div id="container" style="height: 650px; min-width: 500px"></div>
JavaScript
$(function() {
var chart, yAxis = [], seriesOptions = [], seriesCnt=0, top =0, yAxisCnt=0,
visibleSeriesMap = new Object();
Highcharts.Series.prototype.toggleConnected = function(series) {
var visibility = !this.visible,
connectedSeries = series.options.connectedSeries,
seriesId = series.options.id,
len = connectedSeries ? connectedSeries.length : 0,
i = 0,
serie;
for (; i < len; i++) {
serie = this.chart.get(connectedSeries[i]);
serie.setVisible(visibility, false);
visibleSeriesMap[serie.options.id] = visibility;
//serie.checkbox.checked = visibility;
}
this.setVisible(!visibility);
visibleSeriesMap[seriesId] = visibility;
console.log(chart);
chart.destroy();
defineSeries();
//this.checkbox.checked = visibility;
}
visibleSeriesMap['weight'] = true;
visibleSeriesMap['weight0'] = true;
visibleSeriesMap['count'] = true;
visibleSeriesMap['count0'] = true;
visibleSeriesMap['count1'] = true;
function getSeriesGroup(name, length, visible) {
var seriesIdArray = [];
for(var i=0;i < length;i++){
seriesIdArray.push(name.toLowerCase() + i);
}
var series = {
id : name.toLowerCase(),
name: name,
connectedSeries: seriesIdArray,
color: '#000000',
selected:visible,
visible:visible
};
return series;
}
var weight = [{
name: 'Weight (lbs)',
y: 130,
x: 1333391400000
}, {
name: 'Weight (lbs)',
y: 123.46,
x: 1335292200000
}, {
name: 'Weight (lbs)',
y: 124.56,
x: 1335810600000
}, {
name: 'Weight (lbs)',
y: 117.94,
x: 1336329000000
}, {
name: 'Weight (lbs)',
y: 127.87,
...