Coffeescript 使用WordCloud2.js库的WordCloud Dashing.io小部件

正在尝试使用wordcloud2.js库为wordcloud创建dashing.io小部件

我无法使用coffee脚本将数据传递到仪表板

从下面的位置下载javascript文件，并将其放在assets文件夹中 以下是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>

在仪表板中，添加从github下载的javascript库并运行仪表板

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

---

非常感谢您的帮助。

我发现了一个问题，那就是.js的路径。如果查看console.log，它应该会抱怨指向.js的路径

而不是这个

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

将脚本放在“public/wordcloud2.js”中，并在Dash运行时从该路径引用它

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

---

试试这个，看看是否有什么不同

我看到一个问题，指向.js的路径。如果查看console.log，它应该会抱怨指向.js的路径

而不是这个

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

将脚本放在“public/wordcloud2.js”中，并在Dash运行时从该路径引用它

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

---

尝试此操作并查看是否有任何区别

我尝试了此操作，但结果没有更改，而是在控制台中出现错误“拒绝从“”执行脚本，因为它的MIME类型（'text/html'）不可执行，并且启用了严格的MIME类型检查。”使用

我尝试了这一点，但结果没有改变，而是在控制台中出现错误“拒绝从“”执行脚本，因为它的MIME类型（'text/html'）不可执行，并且启用了严格的MIME类型检查。”使用