score:1
Is this what you want? Fiddle Link
Based on the API you have to add a click handler using legendItemClick
to apply to the series.
plotOptions: {
series:{
events: {
legendItemClick: function(event) {
if (!this.visible)
return true;
var seriesIndex = this.index;
var series = this.chart.series;
for (var i = 0; i < series.length; i++)
{
if (series[i].index != seriesIndex)
{
series[i].visible ? series[i].hide() : series[i].show();
}
}
return false;
}
}
}
}
Source: stackoverflow.com
Related Query
- Isolate a single series on Highcharts line chart
- Highcharts - best way to handle and display zero (or negative) values in a line chart series with logarithmic Y axis
- Highcharts - Scatter chart with a line connecting the dots in the series
- Highcharts can't render a bubble chart with a single series
- HighCharts line series not displaying properly with stacked bar combo chart
- Highcharts single horizontal stacked bar chart with data names (labels) and %-ages always shown and data numbers and series name shown on mousehover
- Get all series values when click on single line chart
- Highcharts Single Line series JSON date data format
- Highcharts add single line to column chart
- change particular line chart series colour dynamically in highcharts
- Highcharts rendering line chart in single line
- Highcharts opacity of series color in line chart not active
- Highcharts Line Chart Drill down into multiple series
- Extending highcharts line series to end of chart
- Live chart in Highcharts makes the line series very .. mountainous
- Highcharts Single line series with single data not showing plot
- Highcharts line chart with grouped series tooltips
- Highcharts column + line combination chart with multiple series
- display different series data in single line of Stacked Bar using highcharts
- Plot Bar chart and Line series chart on separate x-axis in Highcharts out of common dataset
- Highcharts data from Google spreadsheet show line chart for one series
- HighCharts turn animation false for line chart
- Highcharts => Getting the id of a point when clicking on a line chart
- Improve performance of Highcharts line chart
- Highcharts highlight single point on line
- highcharts - chart names for multiple pie chart series in one chart
- Highcharts line chart won't display line chart in IE
- Highcharts shared tooltip for line series and scatter plot not working
- Highcharts line chart tooltips not showing correctly?
- Add dynamic data to line chart from mysql database with highcharts
More Query from same tag
- Highcharts update function not working properly
- Multilevel drilldown in piechart
- Export Shiny page to PDF
- Change Graph in the div using Drop Down List.
- Highcharts percent view breaks with multiple series
- How to update highcharts.js chart on select change using data from csv file(s)?
- How to pass all the data in dataframe that extract from excel sheet to highchart?
- Highcharts Realtime Multi-series
- Click event for bar-chart using Highcharts not working?
- Export chart without hidden series labels in legend
- document ready call sql function
- Highcharts How to update all series with ajax
- How to implement highcharts navigator with 24HR and weekly zoom filter?
- how do i redraw only the Highchart with new API that depends on my Select Option Parameter?
- Highcharts / Highmaps with Angular - Cannot run demo
- HighCharts Orgcharts make scroll able container
- Modify z-index of AG-grid cell's tooltip
- Highchart: Tickmark placement for datetime axis
- Firefox / IE formatting dates as 1970
- HighCharts: stacked bar shows percentages of stack
- Is there any method to select only one series marker state in highcharts?
- Highstock tooltip Formatter not able to display extra data
- Highcharts Uncaught TypeError: Cannot set property 'day' of undefined
- Highcharts Omits X Axis Label
- Highstock innacurate rendering of line data series
- How to show/hide categories with checkbox using highcharts?
- highcharts responsive method in Highcharts.net wrapper
- rangeSelector input and export button missalignment
- How to implement the interconnection between nodes in network graph using javascript?
- How to show real time HighCharts Line Graph data which is receiving by an API?