5.3. 定义看板

看板

看板使用原生的HTML网页作为看板模板, 为看板模板中的任意<div>元素添加一个dg-chart-widget属性, 并将属性值设置为一个图表ID,即将此<div>定义为一个图表组件元素。 在展示看板时,所有的图表组件元素都将被绘制成它所指定的图表。

在看板管理界面点击[添加]按钮,在打开页面中填写名称, 然后在HTML模板编辑区内填写如下看板代码:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. </head>
  6. <body>
  7. <div dg-chart-widget="[a chart id]" style="width:300px;height:300px;"></div>
  8. </body>
  9. </html>

保存后,即完成了一个简单看板的定义。

注意:[a chart id]应设置为图表管理页面内的某个图表ID。