反饋已提交
網絡繁忙
適用場景:安裝了「FineVis資料視覺化」插件的使用者,可參考本文了解 FineVis 的相關功能。
注:本文API不支援 FVS 中 擴展圖表 類型的圖表組件。
獲取圖表組件物件,獲取後可以使用組件的方法和屬
性
注:暫不支援獲取表格中的圖表
範例:獲取「柱形圖組件」物件
duchamp.getWidgetByName("柱形圖組件")
-
範例:獲取「柱形圖組件」物件的系列陣列
duchamp.getWidgetByName("柱形圖組件").getSeries();
var series=duchamp.getWidgetByName("柱形圖組件").getSeries();console.log(series[0]);
注:寫在一起時正確寫法為 getSeries()[0] ,不支援 getSeries().series[0]
當前系列的圖表類型,目前包括的類型如下圖所示:
獲取資料點物件
需在獲取圖表系列物件之後使用
每個 series 物件裏面又有一個 points 的屬性,也是一個物件陣列,這個 points 陣列裏面存放的就是我們想要的 point 資料點物件。
如果需要獲取某個具體的資料點物件,則需要指明該資料點的索引 pointIndex,pointIndex 從 0 開始計數
範例:獲取「柱形圖組件」物件的第一個系列物件的第一個資料點
duchamp.getWidgetByName("柱形圖組件").getSeries()[0].points[0];
對於坐標軸圖,表示資料點在值軸對應的數值
注:散點圖的 value 對應「值」欄位的數值
seriesIndex:number
表示一個圖表中不同的系列,從 0 開始計數
範例:顯示柱形圖組件的系列1和系列2
duchamp.getWidgetByName("柱形圖組件").setSeriesVisible([0,1]);
範例:
duchamp.getWidgetByName("柱形圖組件").sortChart();
注:擴展圖表類型僅支援特殊形狀柱形圖。
delay:資料點提示的切換時間間隔,預設為 3s
initPoints:輪播資料點提示對應的資料點集合,預設為圖表內所有資料
注:V2.4.0 及之後版本才支援使用 initPoints
範例1:
duchamp.getWidgetByName("柱形圖組件").openAutoTooltip(3000);
注:3000代表輪播時間間隔3秒,可自行調整
範例2:僅第一個系列所有資料點輪播提示
var vanchart=duchamp.getWidgetByName("圖表組件");vanchart.openAutoTooltip(1000,vanchart.getSeries()[0].points); //資料點取圖表組件第一個系列所有資料點
FVS基礎圖表實現數據點提示輪播
暫停資料點提示輪播API
注:此API需要在啟動 openAutoTooltip API後使用。
範例:暫停資料點提示自動輪播
duchamp.getWidgetByName("柱形圖組件").stopAutoTooltip();
繼續播放資料點提示輪播接口
注:從暫停的地方繼續播放,需要在啟動 stopAutoTooltip API後使用。
範例:繼續播放資料點提示自動輪播
duchamp.getWidgetByName("柱形圖組件").moveOnAutoTooltip();
viewCenter:中心點,[經度,緯度]
duchamp.getWidgetByName("地圖1").setMapZoom({zoomLevel: 5, viewCenter: [110, 40]});
duchamp.getWidgetByName("地圖1").getZoom();
[number, number]
duchamp.getWidgetByName("地圖1").getCenter();
center 中心點,[緯度,經度]
注:panTo API中「緯度」在前,「經度」在後
duchamp.getWidgetByName("地圖1").panTo([40,118]); //根據經緯度行動中心點
var chart =duchamp.getWidgetByName("鑽取區域地圖1_頁面1");//獲取圖表var quyu = duchamp.getWidgetByName("省份").getValue(); //獲取下拉框元件值if (chart.getLayerIndex() > 0) chart.drillUp(chart.getLayerIndex() - 1); //若已經下鑽,點選其他區域需傳回上一層級後再次下鑽var areas = [];chart.getSeries().forEach(ser => areas.push(...ser.points));var len = areas.length;for (var i = 0; i < len; i++) { if (areas[i].name == quyu) { chart.drillDown(areas[i]); break; } }
duchamp.getWidgetByName("鑽取地圖1").getLayerIndex();
duchamp.getWidgetByName("鑽取地圖1").getLayerNames();
獲取鑽取地圖當前層級API.fvs
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉
反馈已提交
网络繁忙