javascript - 带有 wordcloud2.js 的词云

Question

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

    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 条目后面的逗号。