client-side - 在 Atlasboard 中使用 Chart.js 客户端

Question

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

Answer 1

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

例子：

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

  "description": "a neat dashboard",

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

  "config": {
    ...
  }
}

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

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