反馈已提交

网络繁忙

多指標儀表盤

1. 概述

1.1 應用場景

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

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

0 兩個儀錶盤預覽.jpg

1.2 基本要求

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

1.3 圖表特點

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

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

2. 圓形儀表盤

2.1 準備資料

1)管理者進入系統,點選「我的分析」,選中某個資料夾,點選「建立分析主題」。如下圖所示:

新建分析主题 .jpg

2)點選「本地Excel檔案>上傳資料」,上傳表資料。如下圖所示:

範例資料:供應商產品表.xlsx

上传表数据 .jpg

3)上傳後,點選「確定」按鈕。如下圖所示:

1 上傳資料後點擊確定.jpg

2.2 建立組件

1)點選左下角「組件」按鈕。如下圖所示:

2 點擊組件按鈕.jpg

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

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

3 建立儀錶盤.jpg

2.3 美化圖表

2.3.1 設定顏色

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

4 儀錶盤的顏色.jpg

2.3.2 設定大小

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

5 儀錶盤大小.jpg

2.3.3 設定標籤

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

6 庫存量和訂購量作為標籤.jpg

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

7 自定義字體樣式 路徑.jpg8 自定義字體樣式.jpg

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

2.4 效果查看

2.4.1 PC 端

如下圖所示:

9 多指標儀錶盤  PC 端預覽.jpg

2.4.2 行動端

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

10 多指標儀錶盤 行動端預覽.jpg

3. 半圓形儀表盤

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

1)PC 端效果

如下圖所示:

11 半圓形儀錶盤 PC端預覽.jpg

2)行動端效果

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

12 半圓形儀錶盤 行動端預覽.jpg




附件列表


主题: 製作視覺化組件
已经是第一篇
已经是最后一篇
  • 有帮助
  • 没帮助
  • 只是浏览
中文(繁體)

售前咨询电话

400-811-8890转1

在线技术支持

在线QQ:800049425

热线电话:400-811-8890转2

总裁办24H投诉

热线电话:173-1278-1526

文 档反 馈

鼠标选中内容,快速反馈问题

鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

不再提示

10s后关闭