反饋已提交

網絡繁忙

FVS圖表顯示部分系列接口

1. 概述

適用場景:安裝了「FineVis資料視覺化」插件的使用者,可參考本文了解 FVS 範本的相關功能。

1.1 版本

報表伺服器版本
插件版本
11.0.16V1.15.1

1.2 功能簡介

透過 setSeriesVisible() API實現圖表中只顯示部分系列。

注:不支援 擴展圖表 型別的圖表。

以堆積柱形圖為例。效果如下圖所示:

2. 範例

2.1 建立範本

點選設計器左上角「檔案>建立視覺化看板」,建立一張空白看板,可自訂範本名稱和尺寸。如下圖所示:


2.2 準備資料

建立資料庫查詢, 輸入 SQL 查詢語句:SELECT * FROM 銷量 。


2.3 新增圖表

1)點選組件區「圖表>堆積柱形圖」,並綁定資料如下圖所示:


2)選中堆積柱形圖,點選右側配置面板「組件」,設定組件名稱為「堆積柱形圖」。如下圖所示:


2.4 新增標題

1)點選組件區的「文字>標題」,建立兩個標題,將「標題內容」分別改為 系列1和2可見 和 系列3和4可見 。如下圖所示:


2)點選標題,分別給兩個標題新增JavaScript代碼,代碼如下:

duchamp.getWidgetByName("堆積柱形圖").setSeriesVisible([0,1]);//顯示柱形圖組件的系列1和系列2
duchamp.getWidgetByName("堆積柱形圖").setSeriesVisible([2,3]);//顯示柱形圖組件的系列3和系列4

如下圖所示:


2.5 效果預覽

2.5.1 PC 端

點選範本右上角「儲存」按鈕,再點選「預覽」,預覽後的效果如 1.2 節所示。

2.5.2 行動端

預覽方式請參考 FVS行動端預覽 ,效果如下圖所示:


3. 範本下載

點選下載範本:FVS圖表顯示部分系列.fvs


附件列表


主題: FineVis數據視覺化
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙