### **適用于：多數據對比柱形圖、正負條形圖、堆疊柱形圖、堆疊條形圖、多數據條形柱形圖**  ### **1. SQL數據** 使用SQL形式，可直接連接數據庫，將SQl種的數據篩選并顯示在圖表上。 點擊報表編輯器右側的操作欄，點擊“數據”，選擇"數據類型"為“SQL數據集”，按步驟操作即可，下邊講解一下各個參數的意思： * 綁定數據集：是左側綁定過的數據集，可選擇任意一個SQL類型的數據集； * 分類屬性：是X軸綁定數據庫的字段； * 值屬性：是Y軸綁定數據庫的字段； ``` category：可設置為分類屬性； value：可設置為值屬性； series：可設置為系列屬性； ``` #### **數據庫配置字段如下：**   ### **2. 靜態API數據** 報表綁定的數據可以是靜態API的形式。 點擊報表編輯器右側的操作欄，點擊“數據”，選擇"數據類型"為“Api數據集”，“Api類型”選擇“靜態數據”，點擊“數據值”，輸入靜態類型即可，如： ``` [ {"name":"周一","value":320,"type":"直接訪問"}, {"name":"周二","value":332,"type":"直接訪問"}, {"name":"周三","value":301,"type":"直接訪問"}, {"name":"周四","value":334,"type":"直接訪問"}, {"name":"周五","value":390,"type":"直接訪問"}, {"name":"周六","value":330,"type":"直接訪問"}, {"name":"周日","value":320,"type":"直接訪問"}, {"name":"周一","value":120,"type":"郵件營銷"}, {"name":"周二","value":132,"type":"郵件營銷"}, {"name":"周三","value":101,"type":"郵件營銷"}, {"name":"周四","value":134,"type":"郵件營銷"}, {"name":"周五","value":90,"type":"郵件營銷"}, {"name":"周六","value":230,"type":"郵件營銷"}, {"name":"周日","value":210,"type":"郵件營銷"}, {"name":"周一","value":220,"type":"聯盟廣告"}, {"name":"周二","value":182,"type":"聯盟廣告"}, {"name":"周三","value":191,"type":"聯盟廣告"}, {"name":"周四","value":234,"type":"聯盟廣告"}, {"name":"周五","value":290,"type":"聯盟廣告"}, {"name":"周六","value":330,"type":"聯盟廣告"}, {"name":"周日","value":310,"type":"聯盟廣告"} ] ``` 備注：代碼格式按上邊格式寫，才可渲染效果；  ### **3. 動態API數據** 綁定的數據也可以是動態API的形式。 點擊報表編輯器右側的操作欄，點擊“數據”，選擇"數據類型"為“Api數據集”，“Api類型”選擇“動態數據”，選擇“綁定數據集”，點擊“運行”，就可以將數據渲染過來，代碼如： ``` 備注： 支持多數據源對比柱形圖、堆疊條形圖、條形柱狀圖； { "data": [ { "name": "周一", "value": 1000, "type": "iphone" }, { "name": "周二", "value": 1300, "type": "iphone" }, { "name": "周三", "value": 1400, "type": "iphone" }, { "name": "周四", "value": 1080, "type": "iphone" }, { "name": "周五", "value": 2000, "type": "iphone" }, { "name": "周一", "value": 1300, "type": "huawei" }, { "name": "周二", "value": 1600, "type": "huawei" }, { "name": "周三", "value": 1800, "type": "huawei" }, { "name": "周四", "value": 2000, "type": "huawei" }, { "name": "周五", "value": 3000, "type": "huawei" }, { "name": "周一", "value": 1100, "type": "xiaomi" }, { "name": "周二", "value": 1200, "type": "xiaomi" }, { "name": "周三", "value": 1300, "type": "xiaomi" }, { "name": "周四", "value": 1400, "type": "xiaomi" }, { "name": "周五", "value": 1500, "type": "xiaomi" }, { "name": "周一", "value": 1000, "type": "vivo" }, { "name": "周二", "value": 1000, "type": "vivo" }, { "name": "周三", "value": 1000, "type": "vivo" }, { "name": "周四", "value": 1000, "type": "vivo" }, { "name": "周五", "value": 1000, "type": "vivo" } ] } ``` 備注：代碼格式按上邊格式寫，才可渲染效果；  ### **4、特別配置** （1） **堆疊柱形圖** 數據源配置 數據源格式跟 **b）** 中一樣，需要配置一下系列類型： 點擊下圖1中的“新增”按鈕，彈出系列新增彈窗，如圖2；圖2中“系列”為我們設置的系列類型，“堆棧類型”可以我們自己設置，目的系列分組，比如圖1是將“郵件營銷”、“聯盟廣告”分為一組，“百度”、“谷歌”、“必應”分為一組，“直接訪問”自己一組；     （2）**堆疊條形圖** 數據源配置 數據源格和**3. 動態API數據**一致，api數據集直接綁定數據集即可，如圖一，sql數據源需要綁定系列屬性，如圖二，系列類型：圖表內容已設置的系列類型進行分組顯示  :-: 圖一  :-: 圖二 （3）**條形柱狀圖** 單數據源配置 **只需要把type值配置成一樣的；** ``` { "data": [ { "name": "蘋果", "value": 1000879, "type": "vivo" }, { "name": "三星", "value": 3400879, "type": "vivo" }, { "name": "小米", "value": 2300879, "type": "vivo" }, { "name": "oppo", "value": 2400879, "type": "vivo" }, { "name": "大疆", "value": 3000, "type": "vivo" }, { "name": "抖音", "value": 9000, "type": "vivo" } ] } ```   （4）**正負條形圖** 數據源配置 正負條形圖的數據源格式跟上邊一樣，需要注意的是：在配置“**系列類型**”的時候，系列類型字段一樣的在一行； 如下圖1中，將“收入”和“支出”的類型值設置成一樣的，就會在同一行；