Wordcloud与wordcloud2.js

Question

我需要为我的网站创建一个词云！我发现了一个名为wordcloud2.js的javascript工具，可以执行我想要的但是...... 我发现.js没有显示我传递给数组arr6中脚本的所有单词。 有谁知道如何解决这个问题？我已创建（并传递给脚本）一个包含20个元素（字+大小）的数组，但只有前六个元素可视化。 我不知道为什么......提前谢谢！

    var arr6=[ 
         ["Pear", "9"],
         ["Grape", "9"],
         ["Pine", "4"], 
         ["Banana", "6"],
         ["Lemon", "9"],
         ["Parigi", "5"],
         ["Apple", "5"]
         ["Mear", "4"],
         ["Torino", "4"],
         ["Mescola", "8"], 
         ["Gigi", "6"],
         ["Roma", "9"],
         ["Empoli", "5"],
         ["Mela", "5"]
         ["Alessandro", "9"],
         ["Imola", "4"],
         ["Hp", "4"], 
         ["Harry", "6"],
         ["Potter", "9"],
         ["Amsterdam", "5"],
         ["Como", "5"]
        ]; 
    var options = 
    { 

    list : arr6,      
    gridSize: Math.round(2 *     document.getElementById('canvas_cloud').offsetWidth / 1024),
    weightFactor: function (size) {
    return Math.pow(size, 2) *  document.getElementById('canvas_cloud').offsetWidth / 1024;
    }
  }

    WordCloud(document.getElementById('canvas_cloud'), options);

Answer 1

您在列表数组中遗漏了一些逗号。它应该是

    var arr6=[ 
     ["Pear", "9"],
     ["Grape", "9"],
     ["Pine", "4"], 
     ["Banana", "6"],
     ["Lemon", "9"],
     ["Parigi", "5"],
     ["Apple", "5"],
     ["Mear", "4"],
     ["Torino", "4"],
     ["Mescola", "8"], 
     ["Gigi", "6"],
     ["Roma", "9"],
     ["Empoli", "5"],
     ["Mela", "5"],
     ["Alessandro", "9"],
     ["Imola", "4"],
     ["Hp", "4"], 
     ["Harry", "6"],
     ["Potter", "9"],
     ["Amsterdam", "5"],
     ["Como", "5"]
    ]; 

注意Apple输入后的逗号和Mela的条目。

Answer 2

WordCloud2.js api [https://github.com/timdream/wordcloud2.js/blob/gh-pages/API.md]也有一个设置，不能在设定大小以下绘制某些单词。我不记得它的默认值是否为2 ......

但如果您从其他人复制设置，则可以在某处设置“minFontSize”。

但我很确定@Kaelin有正确的想法，你的数组格式不正确并被截断。