當前為5.1版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

多指標儀表盤

1. 概述

1.1 應用場景

多指標儀表盤像一個鐘錶或者可讀盤,它有刻度和指標,其中刻度表示度量,指標表示維度,指標角度表示數值,指標指向當前數值。

利用多指標的儀表盤,可以直覺地表現出某個指標的進度或實際情況。效果如下圖所示:

1636527583256156.png

1.2 基本要求

圖表型別維度指標
多指標儀表盤0>=1

1.3 圖表特點

優點:直覺地表現出指標的進度或實際情況,主要用於進度展現。

缺點:指標不宜過多,展示資訊有限。

2. 圓形儀表盤

2.1 新增組件

建立儀表板 ,點選「新增組件」,選擇「供應商產品表如下圖所示:

2.2 生成圖表

在圖表型別下選擇「儀表盤」,圖形屬性下選擇第一個子型別。將「庫存量」「訂購量」欄位拖入到指標值處。如下圖所示:

注:指標值也就是指標指向的刻度位置,可以生成多個指標,只需要把多個指標拖到指標值處即可。


2.3 美化圖表

2.3.1 設定顏色

點選「顏色」欄,可自訂圓環、指標、刻度值、樞紐、底盤等顏色。如下圖所示:

2.3.2 設定大小

點選「大小」欄,可改變儀表盤大小。如下圖所示:


2.3.3 設定標籤

1)將「庫存量」「訂購量」欄位拖入到標籤處。如下圖所示:

2)點選「標籤」欄,點選內容格式右下角「編輯」按鈕,選中標籤欄位後,可自訂字體樣式。如下圖所示:


注:點選「目標值」欄,可修改儀表盤最大值。

2.4 效果查看

2.4.1 PC 端

效果如下圖所示:


2.4.2 行動端

App 及 HTML5 端效果如下圖所示:

3. 半圓形儀表盤

步驟與第二章完全一樣,不同點在於,2.2 節時,圖表型別下選擇「儀表盤」後,圖形屬性下選擇第二個子型別

1)PC 端效果

如下圖所示:

2)行動端效果

App 及 HTML5 端效果如下圖所示:

附件列表


主題: 构建图表和分析数据
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 评价文档,奖励 1 ~ 100 随机 F 豆!