Davinci(達芬奇)demo1——簡單柱狀圖

1、柱狀圖內容：x軸：設備類別；  y軸：設備數量

---

一、開發前準備

① 數據庫相關，準備一個數據庫，裏面有兩張表

1.1 設備類別表device_type(id，name)

1.2 設備表device(id, name，device_type_id)

② 編寫sql，統計不同設備分類下的設備數量

SELECT 
  count(*) deviceCount,
  dt.id deviceTypeId,
  dt.`name` deviceTypeName
FROM 
	device_type dt
left join device d on d.device_type_id = dt.id
GROUP BY dt.id

二、開始繪製圖表

① 新建一個項目

② 進入項目 配置數據源

 

 

③  新建一個視圖

 

④ 執行準備好的sql

 ⑤ 保存視圖

⑥ 編寫組件Widget

 

 

 

 

 

⑦  新建儀表盤 

 

 

⑧ 新建一個大屏

 ⑨ 大屏導入柱狀圖組件

 

 至此，柱狀圖大屏demo繪製完畢