ZingChart不支持wordcloud图表中的utf字符(标签图表)

时间:2016-04-01 07:31:13

标签: javascript angularjs d3.js charts zingchart

你可以从here看到演示小提琴;

{
    "type":"wordcloud",
    "options":{
    "text":"...", /*text takes string values from REST so dont wanna manipulate it*/
    "step-angle":45,
    "step-radius":50
  },
}

正如你可以看到除了他们之外的所有俄语和中文单词,一些土耳其语字符在这个演示中不起作用。我不想改变我的图表类型,因为我曾经使用过highcharts。 d3可能是最好的解决方案,但它对我来说太多了,因为我们有太多的图表。

不起作用的字符:ç,ı,ğ,ş,ü所有俄语和中文

2 个答案:

答案 0 :(得分:3)

ZingChart支持团队今天回复了我的电子邮件。他们解决了这个问题。这是一个解决方案;

jsfiddle.net/Lzr80erh/1/

他们为zingchart库添加了一个新功能,例如;

var myconfig = {
    "graphset":[
     {
      "type":"wordcloud",
      "options":{
        "text":"hello angularjs istanbul russia dağ çççç Добрый вечер 你好",
        "step-angle":45,
        "step-radius":50
      }
     }
    ]
}
zingchart.render({ 
id : 'myChart', 
data : myConfig, 
height: "100%", 
width: "100%" 
});

感谢支持团队。

答案 1 :(得分:2)

我们已修复其他语言的字符问题。您可以在以下代码段中引用原始示例。



var myConfig = {
  "graphset": [{
    "type": "wordcloud",
    "options": {
      "text": "hello angularjs istanbul russia dağ çççç Добрый вечер 你好",
      "step-angle": 45,
      "step-radius": 50
    }
  }]
};

zingchart.render({
  id: 'myChart',
  data: myConfig,
  height: "100%",
  width: "100%"
});

html,
body,
#myChart {
  height: 100%;
  width: 100%;
}

<!DOCTYPE html>
<html>

<head>
  <script src='https://cdn.zingchart.com/2.3.3/zingchart.min.js'></script>
  <script>
    zingchart.MODULESDIR = "https://cdn.zingchart.com/2.3.3/modules/";
    ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "ee6b7db5b51705a13dc2339db3edaf6d"];
  </script>
</head>

<body>
  <div id='myChart'></div>
</body>

</html>
&#13;
&#13;
&#13;