FVS圖表接口

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

duchamp.getWidgetByName("柱形圖組件")

-

範例：獲取「柱形圖組件」物件的系列陣列

duchamp.getWidgetByName("柱形圖組件").getSeries();

-

var series=duchamp.getWidgetByName("柱形圖組件").getSeries();
console.log(series[0]);

注：寫在一起時正確寫法為 getSeries()[0] ，不支援 getSeries().series[0] 

-

當前系列的圖表型別，目前包括的型別如下所示：

// 圖表型別

BAR_CHART:'bar',// 條形圖

COLUMN_CHART:'column'，// 柱形圖

LINE_CHART:'line',// 折線圖

AREA_CHART: 'area',// 面積圖

PIE_CHART:'pie',// 餅圖

MULTIPIE_CHART:'multipie',// 多層餅圖

TREEMAP_CHART:'treeMap',// 矩形樹圖

SCATTER_CHART:'scatter',// 散點圖

BUBBLE_CHART:'bubble',// 氣泡圖

FORCE_BUBBLE_CHART:'forceBubble'，/ 力學氣泡圖

GANTT_CHART:'gantt',// 甘特圖

GAUGE_CHART:'gauge',//儀表盤

RADAR_CHART:'radar',// 雷達圖

POINT_MAP:'pointMap',//點地圖

AREA_MAP:'areaMap'，//區域地圖

HEAT_MAP:'heatMap',//熱力地圖

LINE_MAP:'lineMap',//流向地圖

FUNNEL_CHART:'funnel',// 漏斗圖

WORD_CLOUD_CHART:'wordCloud',// 詞雲

STRUCTURE_CHART:'structure',// 框架圖

BOX_CHART:'box'，// 箱型圖

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

-