FVS圖表顯示部分系列接口

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

1.1 版本

1.2 功能簡介

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

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

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

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行動端預覽 ，效果如下圖所示：

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