<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                [TOC] ### **動態數據配置說明** 選中組件(本文以柱形圖為例說明),在操作界面右側,點擊![](https://img.kancloud.cn/41/e9/41e9bcaed27eb7eafc57ff1579394046_64x31.png)圖標,并選擇sql數據,如下圖 ![](https://img.kancloud.cn/8b/aa/8baad1b149295b685ee7778610ef18c1_1152x404.png) ### **1、配置sql處理集** 1.1點擊sql處理后面的編輯按鈕,如下圖 ![](https://img.kancloud.cn/b5/1b/b51b914f2524cb4a065979eb03a1f82b_1151x428.png) 1.2選擇數據源,輸入sql語句,點擊右下角刷新數據,可以在響應數據欄看到返回的數據集信息(目前響應數據只返回6條); ![](https://img.kancloud.cn/67/4f/674fe6647ffcf076ea6f46b48931f814_1160x862.png) **1.3注意看返回的數據集key信息要和靜態數據欄的key信息一致,如果從數據庫查詢出的數據如果別名不一致,可以暫時用as [別名]來處理** ![](https://img.kancloud.cn/e7/24/e7241e18d6ea8dd0aa4d5b3a23c8d568_885x467.png) 響應數據的結構和靜態數據源的結構信息一致即可; 例如: ``` 執行如下sql: select value, 1 as min, 100 as max,name as label from bigscreen_test_sql where value='77' 可得到如下數據(儀表盤的數據格式): { "value": "77", "min": 1, "max": 100, "label": "出勤率" } ``` ### **2、刷新圖表** 當我們響應數據信息符合圖表要求后,點擊刷新按鈕,即可刷新圖表 ![](https://img.kancloud.cn/97/10/9710ef091d36dcbb1426027db104020a_1039x393.png) ### **3、圖表映射字段含義** 柱形圖、堆疊柱狀圖、膠囊圖、玉玨圖、折柱圖、對稱條形圖、所有折線圖、所有餅圖、動態環圖、漏斗圖、象形圖、矩形圖、所有字符云、排名表: | 映射字段| 含義 | | :------: | :------: |:-------: | | name | 系列名稱 | | value | 數據值 | | type | 系列分類 | 百分比條形圖: | 映射字段| 含義 | | :------: | :------: |:-------: | | year| 系列名稱 | | value | 數據值 | | country| 系列分類 | 環形圖: | 映射字段| 含義 | | :------: | :------: |:-------: | | label| 環形中間顯示標題 | | value | 環形中間顯示數值 | | data | 環形占比數值 | | content| 數據值后綴 | 散點圖、氣泡圖: | 映射字段| 含義 | | :------: | :------: |:-------: | | x| x軸坐標 | | y| y軸坐標 | | value| 數據值 | | title| 系列名稱 | | group| 系列分類 | 雷達圖: | 映射字段| 含義 | | :------: | :------: |:-------: | | name | 系列名稱 | | value | 數據值 | | text| 邊界文本 | 儀表盤: | 映射字段| 含義 | | :------: | :------: |:-------: | | min| 區間最小值| |max|區間最大值 | |value|數值 | |unit|數值單位后綴 | 多色儀表盤、水波圖、圖片、文本、iframe: | 映射字段| 含義 | | :------: | :------: |:-------: | |value|數值 | 3d金字塔: | 映射字段| 含義 | | :------: | :------: |:-------: | | post| 名稱 | |number|數值 | | color| 顏色 | 男女占比: | 映射字段| 含義 | | :------: | :------: |:-------: | | man| 男性占比數值| |woman|女性占比數值 | 子彈圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |title|標題 | |ranges|區間范圍| |measures|實際數值 | |target|目標值 | 顏色塊: | 映射字段| 含義 | | :------: | :------: |:-------: | |backgroundColor|背景色| |prefixText | 數值前綴文本| |value | 數值 | |suffixText| 數值后綴文本 | 氣泡排名: | 映射字段| 含義 | | :------: | :------: |:-------: | |id|id| |title| 標題| |describe| 描述 | 個性排名: | 映射字段| 含義 | | :------: | :------: |:-------: | |title|標題| |value | 數值 | 發展歷程: | 映射字段| 含義 | | :------: | :------: |:-------: | |year|年份| |title| 標題說明| ### **離線地圖:** 銷量排名地圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |name|城市名稱| |value|數值 | |lng|經度 | |lat|緯度| |detail|詳情 | 氣泡標注地圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |name|城市名稱| |value|數值 | |lng|經度 | |lat|緯度| 全國地圖、城市派件地圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |name|城市名稱| |value|數值 | ### **在線地圖:** 地圖、標注地圖、柱形地圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |province|省份| |city|城市| |lng|經度| |lat|緯度| |value|數值 | 飛線地圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |from|起點城市名稱| |to|到達城市名稱| |value|數值 | |lng1|起點經度| |lat1|起點緯度| |lng2|終點經度| |lat2|終點緯度| 熱力地圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |name|名稱| |city|城市| |lng|經度| |lat|緯度| |value|數值 | 百度地圖: | 映射字段| 含義 | | :------: | :------: |:-------: | |name|城市名稱| |lng|經度| |lat|緯度| |value|數值 | ### **4、注意** sql數據源暫不支持的圖表: ``` 選項卡、視頻、輪播圖、翻牌器、表格、輪播表、飛線圖、綜合統計地圖 ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看