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> {}: <b>{point.y}</b><br/>


<span style="color:{series.color}">{}</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> {}: <b>{point.y}</b><br/>


the simple solution to all the problem is using a tooptip

code is as follow:

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

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


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