FVS圖表API

範例：獲取「柱形圖組件」物件

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];

範例：

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基礎圖表實現資料點提示輪播

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;
	}
 }
显示代码

-

範例：

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();

-