javascript - How to display Html Entities in High Charts labels -


i'm using highcharts display donut-pie table. i'm trying display pound symbol in labels, when set usehtml true, i'm losing point select functionalities.

additional-info :

allowpointselect: true,  

will allow select segments in chart pointers. here pointers lose hover , click events.

any appreciated.

here fiddle it. fiddle sample

you added usehtml option. forked jsfiddle , i'm able add euro symbol.

datalabels: {   enabled: true,   color: '#3a4570',   connectorcolor: '#ffffff',   usehtml: true,   distance: 10,   style: {     "fontsize": "11px",     "fontweight": "bold",     "textshadow": "false"   },   formatter: function() {     return '<b style="color:#000;font-size:16px;" >'+ this.point.name +'</b><br/><span>total: </span>&euro;'+   } } 

forked jsfiddle: https://jsfiddle.net/ramsunvtech/5hbpxel7/4/


Comments

Popular posts from this blog

SVG stroke-linecap doesn't work for circles in Firefox? -

routes - Laravel 4 Wildcard Routing to Different Controllers -

cross browser - XSLT namespace-alias Not Working in Firefox or Chrome -