Wordcloud Dashing.io Widgets использование WordCloud2.js библиотеки

Question

Попытки создать dashing.io виджет для Wordcloud с помощью wordcloud2.js библиотеки https://github.com/timdream/wordcloud2.js

Я не в состоянии передать данные на приборную панель с помощью кофе сценария.

Скачать файл яваскрипта из ниже места и положить, что в папке активов https://github.com/timdream/wordcloud2.js/tree/master/src Вот базовый код для wordcloud.rb: - ​​

companybuzzwords = "{ list : [['Paradigm shift',10], ['Leverage',8], ['Pivoting',4], ['Turn-key',4], ['Streamlininess',4], ['Exit strategy',4], ['Synergy',4], ['Enterprise',4], ['Web 2.0',4]] }" 

SCHEDULER.every '2s' do 
    puts "$$$$$$$ TOP LEVEL SUMMARY:-- #{companybuzzwords}" 
    send_event('companiescloud', { words: companybuzzwords }) 
end 

Код для wordcloud.coffee:-

class Dashing.Wordcloud extends Dashing.Widget 

    ready: -> 
    @container1 = $(@node).find(".mycanvas")[0] 
    console.log @container1 
    @data = @get('words') 
    console.log @data 
    @WordCloud = WordCloud @container1, @data 

    onData: (data) -> 
    if @WordCloud 
     @container1 = $(@node).find(".mycanvas")[0] 
     @data = @get('words') 
     @WordCloud = WordCloud @container1, @data 

Код для wordcloud.html: -

<h1 class="title" data-bind="title"></h1>  
<div id="mycanvas" class="mycanvas"></div> 

Код для wordcloud.scss: -

// ---------------------------------------------------------------------------- 
// Sass declarations 
// ---------------------------------------------------------------------------- 
//$background-color: #fb9618; 
$background-color: #e7e7e7; 

// ---------------------------------------------------------------------------- 
// Widget-WordCloud styles 
// ---------------------------------------------------------------------------- 
.widget-wordcloud { 

    background-color: $background-color; 
    position: relative; 

    .title { 
    position: absolute; 
    top: 5px; 
    left: 0px; 
    right: 0px; 
    color: #000000; 
    font-weight: bold; 
    } 

    .mycanvas { 
    display: block; 
    position: relative; 
    overflow: hidden; 
    } 


} 

в панели управления добавить библиотеки JavaScript загрузить с GitHub и запустить на приборной панели

<script type="text/javascript" src="/assets/wordcloud2.js"></script> 
<li data-row="1" data-col="1" data-sizex="3" data-sizey="3"> 
    <div data-id="companiescloud" data-view="Wordcloud" data-title="Hello"></div> 
</li> 

Любая помощь с благодарностью.

Answer 1

Я вижу одну проблему, путь к .js. Если вы посмотрите на console.log он должен жаловаться на пути к .js

Вместо этого

<script type="text/javascript" src="/assets/wordcloud2.js"></script> 

Поместите сценарий в «общественных/wordcloud2.js» и ссылаться на него с этого пути, как лихой убегает из этого

<script type="text/javascript" src="wordcloud2.js"></script> 

Попробуйте это и посмотреть, если это делает никакой разницы