Highcharts工具提示系列名称前面的奇怪角色

时间:2014-06-03 10:09:29

标签: javascript charts highcharts

我有一张Highcharts图表,出于某种原因,只在弹出的数据点上显示系列标题之前的奇数字符。我使用默认弹出窗口和highcharts 4.0.1。

我目前将所有系列设置为标题hi,以确保我的代码中没有任何内容弄乱这一点。另外,如果我输出countsGraph.series[0].name,我也会得到hi

造成这种情况的原因是什么?不幸的是,由于我对HighCharts.com的访问正在播放,我现在无法做一个小提琴。

以下是我创建系列的方法

// Create new series if requried
if (!series[c]) {
    series[c] = {
        name: "hi",
        data: []
    };
}

enter image description here

3 个答案:

答案 0 :(得分:8)

很可能您使用的编码与UTF-8不同。您可以通过更改pointFormat

中删除该字符
<span style="color:{series.color}">\u25CF</span> {series.name}: <b>{point.y}</b><br/>

为:

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

或者,正如@Adam Goodwin所指出的那样,在您的选项中设置默认格式:

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

答案 1 :(得分:6)

我有同样的问题。 Notepad ++中的编码设置为'无BOM的UTF-8'。当我把它切换到'UTF-8'时,它就修好了。谢谢!

更新 - 这对其他东西产生了一些不良影响,所以我最终添加到了html:

  

&lt; meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”/&gt;

并修复了所有

答案 2 :(得分:-1)

解决所有问题的简单方法是使用tooptip

代码如下:

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

可行且简单的解决方案,可以在悬停在highcharts上时删除奇怪的角色。