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