在Atlasboard

时间:2016-02-18 21:44:28

标签: client-side chart.js atlasboard

如何在Atlasboard中为客户端使用第三方JavaScript库? require在窗口小部件中不起作用,我不想将整个库导入到使用该库的每个窗口小部件中。

1 个答案:

答案 0 :(得分:3)

  1. 将javascript库文件(例如Chart.min.js)放入assets/javascripts/
  2. 在将加载依赖于库的小部件的仪表板的JSON配置中,将库的名称添加到layout.customJS阵列:
  3. 示例:

    {
      "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);