score:8

Accepted answer

most probably you are using different coding than utf-8. you can simply remove that character, by changing pointformat, from:

<span style="color:{series.color}">\u25cf</span> {series.name}: <b>{point.y}</b><br/>

to:

<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>

or, as just @adam goodwin pointed out, set default format in your options:

<span style="color:{series.color}">\u25cf</span> {series.name}: <b>{point.y}</b><br/>

score:-1

the simple solution to all the problem is using a tooptip

code is as follow:

tooltip: {
    pointformat: '{series.name}: <b>{point.y}</b><br/>',
    shared: true
},
series: {
    code here 
}

workable and easy solution to remove the weird character on hover on highcharts.

score:7

i had the same issue. encoding in notepad++ was set to 'utf-8 without bom'. when i switched it to 'utf-8' it fixed it. thanks!

update - that had some undesirable effects on other stuff, so i ended up adding to the html:

<meta http-equiv="content-type" content="text/html;charset=utf-8" / >

and that fixed it all


Related Query

More Query from same tag