樂吾樂大屏可視化組態軟件（大屏可視化設計器 - 樂吾樂Le5le）支持直接對接SQL數據源功能，目前僅對企業源碼客戶開放。
配置SQL數據源
管理員進入可視化管理中心，點擊SQL數據源，配置添加SQL數據源。
創建SQL數據源連接
進入大屏可視化編輯器，數據選擇SQL數據源
選擇數據源，配置輪詢間隔，配置sql語句。查詢方式支持單條查詢和列表（多條）查詢。
需要配置關聯屬性名（自定義），用于圖元綁定關聯數據源。
點擊連接測試，如果有數據返回說明連接成功。
如果查詢方式為單條，sql返回數據格式如下：
{"字段1": "2025-01-14T11:46:47.843368+08:00","字段2": "空氣質量傳感器-室內","字段3": "26.6","字段4": "temperature",//...
}如果查詢方式為列表，可以配置查詢第幾頁及每頁數量，sql返回格式如下：
[{"字段1": "2025-01-14T11:46:47.843368+08:00","字段2": "空氣質量傳感器-室內","字段3": "26.6","字段4": "temperature",//...},{"字段1": "2025-01-14T11:46:47.843368+08:00","字段2": "空氣質量傳感器-室內","字段3": "27.6","字段4": "temperature",//...},//...
]圖元關聯SQL數據源
下面以常用圖元為例，講解如何關聯SQL數據源數據
基本文本圖元
（查詢方式單條）兩個圖元文本text屬性，分別綁定“字段2“和“字段3”
圖表
官方圖表庫使用的是開源圖表庫echarts，用戶需要了解echarts的配置。
圖表文檔說明：https://doc.le5le.com/document/58
- 單點綁定
（查詢方式列表）一個點位綁定一個數據，配置屬性名，例如”echarts.option.series.0.data.5 ”這個屬性對應的就是該圖表圖元echarts.option.series[0].data[5]這個屬性。完成綁定后，綁定的點位數據就會推送到圖表對應的屬性。
- 整個圖表數據綁定
① （查詢方式列表）添加一個data屬性（內置固定屬性），綁定整個SQL列表數據源。
② 建立映射關系
為了確定sql數據源返回的數據具體推送到圖表的哪個屬性，我們需要配置echarts.dataMap屬性，建立SQL數據源數據和圖表屬性的映射關系。
映射關系如圖：
③ 格式轉化
如果想做日期顯示轉換，支持配置timeFormat（轉化格式） timeKeys（需要轉化的sql推送的字段名）
例如：
上述過程完整echarts配置如下：
{"option": {"barWidth": 10,"grid": {"bottom": 8,"left": 8,"right": 8,"top": 12,"containLabel": true},"tooltip": {"backgroundColor": "rgba(24,24,24,0.95)","borderColor": "rgba(24,24,24,0.95)","trigger": "axis","axisPointer": {"type": "none"},"textStyle": {"fontSize": 12,"fontWeight": 400}},"fontSize": 10,"xAxis": {"type": "category","data": ["15:52:22","15:52:22","15:52:22","15:52:22","15:52:22","15:52:22"],"axisLabel": {"fontSize": 12,"margin": 10},"axisTick": {"show": false}},"yAxis": {"type": "value","max": 100,"min": 0,"splitNumber": 2,"minInterval": 50,"axisLabel": {"fontSize": 12,"margin": 10,"textStyle": {"color": "#FFFFFF66"}}},"series": [{"type": "bar","name": "系列1","data": ["26.6","27.7","28.8","0.5","0.6","0.7"],"itemStyle": {"color": "#4583ff"},"lineStyle": {"width": 2},"symbolSize": 5}]},"max": 100,"theme": "le-dark","dataMap": {"echarts.option.series.0.data": "device_prop_data","echarts.option.xAxis.data": "collect_at"},"timeKeys": ["collect_at"],"timeFormat": "`${hours}:${minutes}:${seconds}`"
}表格
表格文檔說明：https://doc.le5le.com/document/68
（查詢方式列表）整個表格數據綁定一條sql數據列表
- 配置表格列配置，建立SQL字段名和表格列（colkey）的映射關系。
- 表格data屬性，綁定整個SQL列表數據源。
支持配置timeFormat屬性，對日期做格式轉化。
