javascript - 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 有正确的想法，即您的数组只是格式不正确并被截断。