釋放 AI 的強大力量

100 萬免費代幣

88% 價格優惠

立即啟用
本文由簡體中文內容自動轉碼而成。阿里雲不保證此自動轉碼的準確性、完整性及時效性。本文内容請以簡體中文版本為準。

柱圖

更新時間:2024-06-29 23:40

柱圖可以展示每項資料在一段時間內的趨勢及資料間的比較情況。本文為您介紹如何為柱圖添加資料並配置樣式。

前提條件

已建立資料大屏。具體操作,請參見建立資料大屏

效果圖

柱圖

添加資料

  1. 在組件庫地區的圖表中,找到柱圖並拖至畫布中。image.png

  2. 單擊請選擇資料集,並按照下圖指引,添加資料,更新後的表徵圖如下。image.png

您還可以對資料進行以下操作:image.png

圖表樣式配置

位置和尺寸

您可以在配置區對組件進行如下設定:

  • 調整組件的對齊(①):支援靠左對齊、置中和靠右對齊等。

  • 調整組件的尺寸(②):以左上方為原點,設定X和Y軸的值,調整位置。

  • 調整組件的角度(③):設定旋轉角度的值。

  • 調整組件的大小(④):設定W和H的值,調整組件的寬度和高度。

  • 鎖定組件(⑤):鎖定組件後,無法調整組件的大小。

  • 調整透明度(⑥):設定組件的透明度

image.png

繪圖區域

您可以在繪圖區域對組件進行如下設定:

  • 色系選擇:選擇柱體的顏色。

  • 柱體展示方向:設定柱體展示方向,包括水平與垂直。

  • 柱體樣式:設定柱體的柱寬、同柱體之間距離、圓角半徑。

  • 顯示資料標籤:設定是否顯示資料標籤、展示方式以及文本的大小和顏色等,顯示方式包括智能顯示和全量顯示。

image.png

圖例

您可以在圖例區對組件進行如下設定:

  • 顯示圖例:設定是否顯示圖例。

  • 位置:設定顯示圖例時,您可以設定圖例的位置。

  • 文本:設定顯示圖例時,您可以設定圖例文本的大小、顏色等。

圖例

X軸

您可以在X軸區對組件進行如下設定:

  • 顯示X軸:設定是否顯示X軸。

  • 軸標題:設定顯示X軸時,您可以設定是否顯示軸標題與單位、軸標題、軸單位以及文字大小與顏色等。

  • 軸線:設定顯示X軸時,您可以設定是否顯示座標軸以及座標軸的顏色等。

  • 軸標籤與刻度:設定顯示X軸時,您可以設定是否顯示軸標籤與刻度、軸標籤的文本顏色以及刻度的樣式等。

  • 網格線:設定顯示X軸時,您可以設定是否顯示網格線以及網格線的寬度、顏色等。x軸

Y軸

您可以在Y軸區對組件進行如下設定:

  • 顯示Y軸:設定是否顯示Y軸以及Y軸的位置、數值顯示範圍、最大值、最小值等。

  • 軸標題:設定顯示Y軸時,您可以設定是否顯示軸標題與單位、軸標題、軸單位以及文字大小與顏色等。

  • 軸線:設定顯示Y軸時,您可以設定是否顯示座標軸以及座標軸的顏色等。

  • 軸標籤與刻度:設定顯示Y軸時,您可以設定是否顯示軸標籤與刻度、軸標籤的文本顏色以及刻度的樣式等。

  • 網格線:設定顯示Y軸時,您可以設定是否顯示網格線以及網格線的寬度、顏色等。

Y軸

工具提示

您可以在工具提示中,設定工具提示方式。

image.png

圖表配置項

配置項說明

圖表配置項

配置項說明

展示方式

設定提示資訊展示方式,支援按單資料點、按維值兩種方式。

內容

展示方式為按單資料點時,支援佔比;

展示方式為按維值時,支援總計和佔比。

背景色

設定背景顏色。

文本

設定提示文字樣式。

效果如下:

image.png

系列設定

您可以在系列設定區對組件進行如下設定:

  • 請選擇系列:根據業務情境選擇維度或度量項。

  • 顯示資料標籤:設定是否顯示資料標籤以及資料標籤的文本顏色、大小等。

  • 顯示最值:顯示柱圖上最大值和最小值的標籤。

  • 同步樣式到:同步當前的條件式格式設定到其他度量指標中。

image.png

  • 本頁導讀 (0, M)
  • 前提條件
  • 效果圖
  • 添加資料
  • 圖表樣式配置
  • 位置和尺寸
  • 繪圖區域
  • 圖例
  • X軸
  • Y軸
  • 工具提示
  • 系列設定
文檔反饋
phone 聯絡我們

立即和Alibaba Cloud在線服務人員進行交談,獲取您想了解的產品信息以及最新折扣。

alicare alicarealicarealicare