在 Atlasboard 中使用 Chart.js 客户端

Question

如何使第三方 javascript 库可供 Atlasboard 中的客户端使用？ require 在小部件中不起作用，我不想将整个库导入到使用该库的每个小部件中。

Answer 1

将javascript库文件（如Chart.min.js）放在assets/javascripts/.
在将加载依赖库的小部件的仪表板的 JSON 配置中，将库的名称添加到 layout.customJS 数组：

示例：

{
  "title": "My Dashboard",
  "titleVisible": false,

  "description": "a neat dashboard",

  "layout": {
    "gridSize" : { "columns" : 20, "rows" : 12 },
    "customJS" : ["Chart.min.js"],
    "widgets" : [
        ...
    ]
  },

  "config": {
    ...
  }
}

在小部件中不需要做任何特别的事情。您可以只使用库：

var graph = new Chart(ctx).Radar(data);

在 Atlasboard 中使用 Chart.js 客户端

Using Chart.js client-side in Atlasboard

client-side

chart.js

atlasboard