2015-09-15 23 views
0

當標題或名稱包含unicode字符時它將如此顯示。 我想顯示法文。 http://i.stack.imgur.com/cwpES.pngHighchart不顯示Unicode字符

{ 
     min: 0, 
     max:3000, 
     tickAmount: 6, 
     tickInterval: 600, 
     title: { 
     text: 'Température (°C)', 
     style: { 
      color: '#7CB5EC', 
      fontFamily: 'Trebuchet MS' 
     } 
     }, 
     labels: { 
     format: '{value}', 
     style: { 
      color: Highcharts.getOptions().colors[0] 
     } 
     }, 
     opposite: true 
    } 
+0

你確定要傳遞到highcharts數據被正確編碼? – patrys

+0

@patrys這是軸名稱或系列名稱的問題。當然,我寫靜態文本不是動態數據 – Tri

+0

嘗試將您的javascript源文件編碼爲UTF-8,並確保瀏覽器加載的HTML文檔編碼爲UTF-8! – Oliver

回答

1

我固定我的問題。我用記事本++重新編碼該文件。默認的Eclipse編碼UTF-8無法正常工作。

0

使用元字符集= 「utf-8」 在HTML的meta標籤....只是把你的HTML頭

<meta charset="utf-8" /> 
+0

我已經將此代碼添加到JSP文件的標題中。但不行 – Tri

1

在高圖表,當您添加標題,嘗試設置useHTML屬性爲true

title: { 
      useHTML: true, 
      text: "yourText" 
     } 

它在所有的瀏覽器對我的作品。

0

附加屬性dataLabels useHTML:真

$(function() { 
    $('#container').highcharts({ 
    series: [{ 
     dataLabels: { 
     enabled: true, 
     useHTML: true, 
     borderWidth: 1, 
     borderColor: 'red', 
     style: { 
      color: 'black', 
      textShadow: '' 
      } 
     }, 
     type: 'pie', 
     data: [{ 
     name: 'a', 
     y: 4 
     }, { 
     name: 'b', 
     y: 1 
     },{ 
     name: 'c', 
     y: 1 
     }], 

    }] 
    }); 
});