2015-09-15 109 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 
     }], 

    }] 
    }); 
});