反饋已提交

網絡繁忙

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

C03-12 條件顯示圖表透明度

一、概述

  1. 條件顯示功能為圖表的最終展現效果提供了更多的可能,使圖表有更多個性化的展現形式。

  2. 其實現原理和條件屬性是一致的,但條件屬性作用於儲存格屬性設定,條件顯示是服務於圖表特效的。

  3. 可以單獨為某個系列或分類設定自訂的圖表透明度,實現豐富的圖表效果。

二、操作步驟

1
插入圖表。
  1. 可在儲存格中插入或以懸浮元素插入,參考A05-04插入圖表A07-02插入圖表

  2. 以懸浮元素插入為例,點擊【插入】→【懸浮元素】→【插入圖表】→【柱形圖】。

  3. 通過拉伸調整圖表顯示大小。

1.gif

2
資料綁定。
  1. 新建資料集ds1,可參考A03-01 內建資料集

  2. 輸入SQL:SELECT * FROM 銷量。

  3. 點擊【懸浮元素】→【資料】,進入資料綁定介面。

  4. 設定【資料來源】為【資料集資料】,【資料集】選擇剛新建的【ds1】,【分類】選擇欄位【銷售員】。

  5. 【系列名使用】選擇使用【欄位值】,【系列名】為【產品型別】,【值】為【銷量】,【彙總方式】為【求和】。

2.gif

3
點擊【預覽】,在瀏覽器中查看效果。
  1. 柱形X軸為設定的【】,示所有姓名。

  2. 柱形側標設定的【系列】,不同品型對應的不同色的柱子。

1.png

4
新增條件顯示。
  1. 表,點擊【特效】→【示】,示管理面。

  2. 點擊【+】按,新增件,設定介面。

  3. 件的新增、除、編輯等管理,可A09-00 條件屬性設定

3.gif

5
設定屬性-不透明度。
  1. 點擊 【+】 按選擇不透明度。

  2. 點擊屬性前的 【X】 即可性。

  3. 刻度尺上的小三角可以調整透明度值,也可直接手動輸入,或通過點擊上下箭次加一或來調整透明度值。

  4. 值越小,色越透明。

4.gif

6
設定條件。
  1. 選欄選擇【分名】,操作符選擇【等】,入值【林】。

  2. 點擊【新增】,即可新增件:分名等林’。

  3. 再新增一個條件,設定選欄為【系列名】,操作符選擇【等】,入值【心】。

  4. 【分名】等林】且【系列名】等心】,柱子色透明度化。

  5. 新增件,可A09-01 條件設定

  6. 點擊【預覽】,在瀏覽器中查看效果。

5.gif

7
修改邏輯條件.
  1. 點擊image.png編輯條性。

  2. 件【系列名心’】,點擊邏輯運子【或(OR)】

  3. 點擊【修改】,成功修改件,件即【分名等林’    or 系列名心’】,【分名】等林】或【系列名】等心】,柱子色透明度化。

  4. 編輯條性,可A09-00 條件屬性設定

  5. 修改件,可A09-01 條件設定

  6. 點擊【預覽】,在瀏覽器中查看效果。

6.gif

附件列表


主題: 圖表應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉