score:1
Accepted answer
i think that updating the series.visible
is enough to achieve it:
checkboxes.foreach((elem, i) => {
var checkbox = document.getelementbyid(elem)
checkbox.onchange = function() {
chart.series[i].update({
visible: !chart.series[i].visible
})
}
})
demo: https://jsfiddle.net/blacklabel/pbxt9yqa/
api: https://api.highcharts.com/highcharts/series.line.visible
api: https://api.highcharts.com/class-reference/highcharts.series#update
Source: stackoverflow.com
Related Query
- HighCharts adding a multi-select dropdown for each column of a series
- Highcharts - stacked column - order series index dynamically for each category
- set different colors for each column in highcharts
- Legend for each point in column chart in highcharts
- Show special symbol for each series in category in highcharts
- Set different width for each column in highcharts
- Highcharts datalabel for each stacked column
- highcharts change chart type using dropdown for multiple series
- Highcharts Polar Chart - Specify Data Series & Tooltips for each Axis
- How to add labels for highcharts activity gauge for each series
- Creating a drilldown chart with Highcharts that contain double(multiple) columns for each column (see example for better explanation)
- Highcharts data series label. for each data point
- Adding images to top of each column for each group on a chart
- Column based Highchart drilldown series assign color code to each column
- How to reference yData from another series in each category of a highcharts column chart
- Add a line on each bar for stacked and grouped column in HighCharts
- How to add different series data for each categories in Stacked Column chart in Highcharts?
- after using for loop all my column graphs are plotted in single color i need each bar in different color in highcharts
- Highcharts - Column chart with legend for each data
- Column chart in Highcharts - select series with a click
- Highcharts creating series for column graph
- Highcharts - Add a tooltip suffix value dynamically for each series
- Cannot add multi series to Highstock but same thing works for Highcharts
- Adding a Dropdown Select menu to select csv files in highcharts
- One Average Spline for each Column in Highcharts Combination Chart
- Dynamic width for each column if value is 0 in highcharts
- Highcharts Stacked column drill down not working?> How to set drill down series for my scenario?
- How do you change the colour of each category within a highcharts column chart?
- Changing data dynamically for a series in Highcharts
- Add additional data to a Highcharts series for use in formatters
More Query from same tag
- Postgresql data to highchart
- show custom date on xAxis in highstock lineseries
- Highchart - Min max and Mean chart
- highstocks, how can I bring values that I will only use on the 'click' option?
- Input filter not working for reactive highchart
- Highchart.js secondary axis not showing on the opposite side
- Highchart + Plotly dash Graph displaying before pressing the button
- Highcharts and EXTJS 3: Labels in x axis overlap
- Add and remove cross datas with highcharts
- How do i add mouse wheel code in Angular2 highcharts in typescript
- How to set background image on 3d highcharts?
- Highcharts: How to Place Y-axis title next to first marker?
- Highcharts javascript library - marker halo zIndex?
- Multiple highcharts in one container in Vuejs
- Need to join x axis and y axis label highcharts
- How to display y-axis value in series
- Tooltip issue on columnrange
- Highcharts reset y Axis
- Angular highchart and ng-grid headers not respecting frame widths
- Highstock disable chart options on small screens
- highchart Customclass css not applied to tooltip for dumbbell series
- DotNet Highcharts DateTimeLabelFormat not displaying correctly
- Drop down menu disappears after the chart is created
- Programmatically display Highstocks legend
- Highcharts add 3 buttons Hide/Remove/Settings to Legend
- Update two series on the same graph dynamically with HighCharts
- maxPointWidth causing more gaps for bars within each x point, in basic Column chart
- Highcharts Pie chart return slice animation on mouseout
- How to fill the blank space between the bars with specific color in gantt chart of highcharts?
- Highcharts width exceeds container div on first load