Question

当标题或名称包含unicode字符时，它将显示如下。我想要展示法语。 http://i.stack.imgur.com/cwpES.png

{ 
       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
   }

Answer 1

在你的html元标记中使用meta charset =“utf-8”....只需输入你的html标题

<meta charset="utf-8" />

Answer 2

我解决了我的问题。我用notepad ++重新编码该文件。默认Eclipse编码UTF-8无法正常工作。

Answer 3

在高级图表中添加标题时，请尝试将useHTML属性设置为true

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

它适用于所有浏览器。

Answer 4

将属性添加到dataLabels useHTML：true

$(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
      }],

    }]
  });
});

Answer 5

如果提供的内容包含特殊字符“'”，则

highcharts无法生成图像。快速解决方案是替换字符“’”。我认为测试中的“'”与lib验证可能会包含相同的字符。

 text=text.replace("'", "’")

这解决了生成图像（不显示该字符）的问题。

Highchart不显示unicode字符

5 个答案: