2015-11-22 12 views
0

enter image description here Мне нужно создать облако слов для моего сайта! Я нашел javascript-инструмент с именем wordcloud2.js, который выполняет то, что я хочу, но ... Я узнал, что .js не отображает все слова, которые я передаю скрипту в массиве arr6. Кто-нибудь знает, как исправить эту проблему? Я создал (и передал скрипту) массив из 20 элементов (слово + размер), но визуализируются только первые шесть. Я не знаю, почему ... спасибо заранее!Wordcloud с wordcloud2.js

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); 

ответ

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.

0

WordCloud2.js api [https://github.com/timdream/wordcloud2.js/blob/gh-pages/API.md] также имеет настройку, чтобы не нарисовать определенные слова ниже заданного размера. Я не могу вспомнить, имеет ли значение по умолчанию 2 или нет ...

но «minFontSize» может быть установлен где-то, если вы скопировали настройки у кого-то другого.

, но я уверен, что у @Kaelin есть правильная идея, что ваш массив просто отформатирован неправильно и усечен.

+0

спасибо за ваш ответ !! –