利用 DataGear 看板的 自定義圖表選項（dg-chart-options）功能，可以很方便地製作折柱圖（或者折線-餅圖、柱狀-餅圖）數據可視化圖表。
假設有如下CSV數據集，包括名稱和兩個指標值數據：
名稱, 指標0, 指標1
1月, 35, 118
2月, 50, 60
3月, 60, 40
4月, 80, 90
首先，新建柱狀圖表：
名稱：折柱圖
圖表類型：基本柱狀圖
數據集：上述數據集
數據標記：
名稱 -> 名稱 (name)
指標0 -> 數值 (value)
指標1 -> 數值 (value)
然後，新建看板，插入上述圖表，並設置 dg-chart-options，將第一個系列類型設置爲柱狀圖（bar），第二個系列類型設置爲折線圖（line）：
<!DOCTYPE html>
<html>
...
<body>
...
<div dg-chart-options="{series:[{type:'bar'},{type:'line'}]}"
dg-chart-widget="..."></div>
...
</body>
</html>
同理，折線-餅圖的配置項爲：
<!DOCTYPE html>
<html>
...
<body>
...
<div dg-chart-options="{series:[{type:'line'},{type:'pie',radius:'50%',center:['80%','55%']}]}"
dg-chart-widget="..."></div>
...
</body>
</html>
柱狀-餅圖配置項爲：
<!DOCTYPE html>
<html>
...
<body>
...
<div dg-chart-options="{series:[{type:'bar'},{type:'pie',radius:'35%',center:['20%','35%']}]}"
dg-chart-widget="..."></div>
...
</body>
</html>
點擊[保存並展示]按鈕，打開看板展示頁面，完成！！！
效果圖如下所示：
源碼地址：
Gitee：https://gitee.com/datagear/datagear