score:10
Accepted answer
What exactly doesn't work for you? Are you using load event handler for this? See: http://jsfiddle.net/j3xvg/1/
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'line',
marginRight: 50,
marginBottom: 175,
events: {
load: function () {
var chart = this;
$(chart.series).each(function (i, serie) {
$('<li style="color: ' + serie.color + '">' + serie.name + '</li>').click(function () {
serie.visible ? serie.hide() : serie.show();
}).appendTo('#legend');
});
}
}
},
});
Source: stackoverflow.com
Related Query
- Highchart Legend into another Element (div)
- Customize legend pie highchart into tag div
- How to add another series into my highchart
- Display tooltips exact format outside, into another div
- keep highcharts legend responsive when another div lies over chart
- Series markers disable on lines and enable on legend in Highchart
- Turn long list of items in Highcharts legend into dropdown
- How to change series legend text color in HighChart chart?
- Need to apply background color to each legend text highchart
- Highchart pie legend circles
- highcharts: disable only a single element in legend so it cannot be clicked
- Group series names in columns in highchart horizontal legend
- put the highchart legend to the bottom of the chart and horizontally centered
- HighChart hide other series on click legend
- How to add Legend in highchart compare stock chart
- When using canvg to convert Highchart SVG into PNG, all text appears twice - how to solve?
- Why won't the legend in my highchart show values?
- Passing callback function to labelFormatter in highchart legend in typescript
- How to add php data into highchart js file in php
- HighChart plots not displaying correctly on small div
- Highcharts-ng Size does fill div until Inspect Element
- HIghchart Treemap - Add double click event on legend click
- Group Highchart time data into weeks and months
- Convert JQuery Data into HighChart Format
- How to add radio button in highchart legend symbol
- How to make two charts using highchart show up in the same line side by side using div
- Responsive Highchart legend position
- Change the color of legend symbol highchart
- HighChart Pie Chart click on legend item to trigger drilldown
- Hiding items in highchart legend
More Query from same tag
- Highstock title and subtitle overlap
- Can highcharts crosshairs show on top of area chart fill?
- error with navigate for undefined router in angular2
- How to add multiple text on xaxis
- Highchart Bubble Chart Shadow
- Formating date from database for use in Highcharts
- How to disble invisible legend padding in highcharts?
- Drawing mysql data with highcharts
- Highchart Java export image
- Javascript: Trying to load highcharts without freezing the browser
- Highcharts: Dynamically change the offset of the xAxis
- Hide Series without hiding y-Axis
- JSON and Highcharts
- How to load custom JSON data into Highcharts mapbubble?
- Move label above bar
- How to combine two Highcharts chart types?
- How to change axis label size when exporting in Highcharts / Highstock
- Highcharts Get color on column on click
- Pass data to Javascript from ProMotion WebScreen
- Highcharts passing variable to tooltip
- Change Datalabel Color, Rotation and Align values based on Column value in highcharts
- Highcharts Stacked Column chart from JSON not charting correct values
- Highcharts- How to create streaming bar charts
- Can we set a color for timeline bar?
- Highcharts fill in scatter plot data with 0s
- Pie Charts with advanced design
- Adding Y-Axis dynamically
- Multiple point selection in Highcharts stockChart
- How to retain highchart line graph by onClick() function - php mysql
- Highcharts yAxis self-adaption issue