score:1
This is a little hacky (maybe I've just been using d3.js too much lately) but you could modify the SVG on the fly:
, function(chart){
// remove the line and rect
$('.highcharts-legend-item path, .highcharts-legend-item rect').remove();
// add in your own elements
$('.highcharts-legend-item').each(function(i, obj){
var circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
$(circle).attr({"r":10,"fill":"red", "cy": 10});
$(obj).append(circle);
});
});
Fiddle here.
score:1
worked out this now.
see http://jsfiddle.net/ttxvpduv/2/
Highcharts.seriesTypes.line.prototype.drawLegendSymbol =
Highcharts.seriesTypes.column.prototype.drawLegendSymbol;
Source: stackoverflow.com
Related Articles
- Highchart Legend into another Element (div)
- Series markers disable on lines and enable on legend in Highchart
- How to change series legend text color in HighChart chart?
- Hover style for labels in legend
- Need to apply background color to each legend text highchart
- Highchart pie legend circles
- Group series names in columns in highchart horizontal legend
- put the highchart legend to the bottom of the chart and horizontally centered
- Making a master-detail Highchart in Stackoverflow style
- HighChart hide other series on click legend
- How to add Legend in highchart compare stock chart
- Gauge chart Highchart dial style issue
- Why won't the legend in my highchart show values?
- HighChart Title text implemented HTML Style is not applying in exporting files
- Passing callback function to labelFormatter in highchart legend in typescript
- Adding different style to a series in legend in Highcharts
- HIghchart Treemap - Add double click event on legend click
- How to add radio button in highchart legend symbol
- Highchart long dataLabels and style width
- Responsive Highchart legend position
- Change the color of legend symbol highchart
- HighChart Pie Chart click on legend item to trigger drilldown
- Highcharts legend custom css style / format using only highcharts options
- Hiding items in highchart legend
- Why is the legend of my HighChart PieChart behaving irradically, when I update my series data?
- Is there a style to apply that allows the legend to style each series as a button?
- Legend in network graph ( Highchart Js)
- pie chart legend overlap with older legend when replace series in highchart
- Customize legend in highchart
- Highchart Single Legend to control Multiple chart
- Highcharts column fit/adjust on chart
- Way to shorten / refactor multiple plugin values
- adding increase arrow in highcharts
- how to display drilldown column highchart using json array objects - 3 level drilldown column highchart
- Looping data inside highchart.js using type column chart
- highcharter custom animation
- Jquery: Unable to add Json object to Ajax request
- How to plot AM,PM labels in HighChart?
- Highcharts tooltips with embedded sparklines
- Highcharts Spiderweb chart xAxis labels disappear on long label name
- Convert Culture.DateTimeFormat to HighChart's xDateFormat string
- Brighten Color in Highcharts?
- HighCharts - How can I turn off the points?
- Highchart bar chart handle over lapping data lables for series
- How to center the y-axis label horizontally in Highcharts?
- Highcharts - change seconds to time (H:M:S) in data labels
- designing web app using nodeJS and HighStocks (or Google Annotation Time Line)
- GWT Highcharts : Displaying 'Date' values on X-Axis
- implementing HighCharts-xrange in angular4
- How to solve the wrong categories for xAxis in highcharts?