<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] ## 1. 效果展示 ![](https://img.kancloud.cn/07/e7/07e7c6883e6d2a80f88b490ca6b9aa28_934x198.png) ## 2. 添加統計卡片 點擊`“表單組件”`選擇`“統計卡片”`,即可添加統計卡片 ![](https://img.kancloud.cn/7a/6f/7a6f2ff3fd7d203ffb6c4308fd5c1e6a_838x282.png) ## 3. 數據 ### 3.1 靜態數據 * 使用靜態數據時,可直接在靜態數據輸入框中,輸入JSON icon圖標使用:[查看專題](制作圖標庫.md) ![](https://img.kancloud.cn/1e/a9/1ea90615be200df31220c4c524da62c0_1074x505.png) * JSON數據格式: ``` [ { "title": "訪問數", "icon": "icon-jeecg-qianbao", "value": 2000, "total": 120000, "color": "green", "action": "月" }, { "title": "成交額", "icon": "icon-jeecg-youhuiquan", "value": 20000, "total": 500000, "color": "blue", "action": "月" }, { "title": "下載數", "icon": "icon-jeecg-tupian", "value": 8000, "total": 120000, "color": "orange", "action": "周" }, { "title": "成交數", "icon": "icon-jeecg-jifen", "value": 5000, "total": 50000, "color": "purple", "action": "年" } ] ``` ### 3.2 動態數據 [查看專題](2.動態數據使用.md) * API數據集返回JSON格式:同靜態數據格式 * 定時刷新(單位:秒) 配置秒數時,接口數據修改后,可自動刷新數據 ![](https://img.kancloud.cn/9d/b4/9db47fd237b9dc155ac27a00239b48df_239x97.png) ## 4. 屬性 ![](https://img.kancloud.cn/95/a7/95a72ad540d919f103faa0d794125939_1079x421.png) * 水平間距:設置水平間距 * 垂直間距:設置垂直間距 * 寬度占比:設置寬度占比 **注:修改卡片個數時,如將默認4個修改為少于或多余4個時,需重新設置寬度占比,一行展示不全時,會換行展示;如下圖:** ![](https://img.kancloud.cn/2a/7d/2a7d03a0b6f2e0f7f713ecefe43102f8_1903x769.png) * 圖表大小:設置圖表大小 * 圖標庫:[查看專題](制作圖標庫.md) ### 4.2 卡片設置 [查看專題](1.1卡片.md) ## 5. 交互(暫無)
                  <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>

                              哎呀哎呀视频在线观看