5.14. 异步加载图表

在看板模板内，除了通过为静态<div>元素设置dg-chart-widget属性定义图表外， 也可以使用看板对象的 loadChart 函数异步加载图表：

示例：

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. $(document).ready(function()
  5. {
  6.     $("#loadButton1").click(function()
  7.     {
  8.         dashboard.loadChart($("#chart1"), "[a chart widget id]");
  9.     });
  11.     $("#loadButton2").click(function()
  12.     {
  13.         var $chart2 = $("<div id="chart2"></div>").appendTo(document.body);
  14.         dashboard.loadChart($chart2, "[a chart widget id]",
  15.         function(chart)
  16.         {
  17.             alert("chart ["+chart.id+"] loaded");
  18.         });
  19.     });
  21.     $("#removeButton2").click(function()
  22.     {
  23.         dashboard.removeChart("chart2");
  24.     });
  25. });
  26. </script>
  27. </head>
  28. <body>
  29.     <button id="loadButton1">加载图表1</button>
  30.     <div id="chart1"></div>
  32.     <button id="loadButton2">加载图表2</button>
  33.     <button id="removeButton2">删除图表2</button>
  34. </body>
  35. </html>