2014-06-03 2 views
16

У меня есть диаграмма Highcharts, которая по какой-то причине показывает нечетные символы, прежде чем заголовок серии появится только в точке данных. Я использую всплывающие окна по умолчанию и highcharts 4.0.1.Странный символ перед именами серии всплывающих подсказок Highcharts

В настоящее время я устанавливаю все серии, чтобы иметь заголовок 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

ответ

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

My page meta установлен в '' - что еще мне нужно делать? – Chris

+0

Задайте кодировку файлов в вашей среде IDE. 'a-' является представлением в CP-1250. –

+0

Хорошая идея, но я изменил файл (highcharts) на UTF-8 без спецификации через Notepad, и он все еще не работал – Chris

6

У меня была такая же проблема. Кодировка в Notepad ++ была установлена ​​в «UTF-8 без спецификации». Когда я переключил его на «UTF-8», он исправил его. Благодаря!

UPDATE - что были некоторые нежелательные эффекты на другие вещи, так что я в конечном итоге добавив к HTML:

< META HTTP-эквив = "Content-Type" содержание = "текст/html; Charset = UTF-8"/>

и что все это фиксируется

+1

Это правильный ответ :) – Alvins

-1

простое решение всех проблем использует tooptip

код выглядит следующим образом:

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

работоспособным и простое решение, чтобы удалить странный характер при наведении курсора мыши на Highcharts.

Смежные вопросы