圖表特效API

新增API：

• chart.getLayerIndex(); //獲取鑽取地圖當前層級

• chart.getLayerNames(); //獲取鑽取地圖目錄名稱

• chart.saveAsImage(); //圖表匯出為圖片

• chart.drillUp(index); // 向上鑽取
  

-

var chart=FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0);
chart.setSeriesVisible([0,1]);//顯示圖表 chart0 的系列1和系列2

點選查看文檔：圖表顯示部分系列API

delay, initPoints

delay 資料點提示的切換時間間隔，預設為 3s

initPoints 輪播資料點提示對應的資料點集合，預設為圖表內所有資料點

var chart =FR.Chart.WebUtils.getChart("A3").getChartWithIndex(0);// 獲取儲存格圖表物件
chart.controller = vanchart.openAutoTooltip();// 開啟資料提示輪播，並將輪播控制器綁定到圖表物件上

點選查看文檔：圖表開啟自動資料點提示輪播API

var chart = FR.Chart.WebUtils.getChart("A3");//獲取儲存格圖表
chart.dataRefresh([1,2]);//重新整理圖表塊的第 2 個和第 3 個圖表物件

點選查看文檔：圖表重新整理API

chartIndex 數字體，表示一個圖表塊中不同的圖表物件，從 0 開始計數

FR.Chart.WebUtils.getChart("chart2").showIndexChart(2);

點選查看文檔：圖表切換API

direction 表示圖表切換的方向：1 表示切換到下一張圖表，-1 表示切換到上一張圖表，預設為 1

FR.Chart.WebUtils.getChart("chart2").showIndexChart(2);

VanCharts.unifiedSwitchCarouselChart(1);

點選查看文檔：統一切換輪播圖表API

var chart = FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0);
chart.sortChart();

點選查看文檔：圖表排序API

var chart = FR.Chart.WebUtils.getChart("A1").getChartWithIndex(0);
chart.saveAsImage(); //匯出為圖片

zoomLevel

viewCenter 

zoomLevel 縮放等級，值區間一般在0-18。數值越大，層級越高，地圖顯示越細緻，顯示的經緯度範圍越小

viewCenter 中心點，[經度，緯度]

var chart=FR.Chart.WebUtils.getChart("A1").getChartWithIndex(0);//獲取儲存格圖表物件
chart.setMapZoom({zoomLevel:4, viewCenter: [118,32]});//設定縮放等級為4和中心點的經緯度

點選查看文檔：地圖縮放等級API

-

var chart = FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0).getZoom();//獲取圖表物件的縮放層級
alert(chart);//顯示縮放層級

例如：點選按鈕，獲取當前地圖的縮放層級

var center = FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0).getCenter();//獲取圖表物件的中心點
alert(center);

例如：點選按鈕，獲取當前地圖的中心點

center 中心點，[緯度，經度]

 注：panTo API中「緯度」在前，「經度」在後

var chart=FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0);
chart.panTo([40,118]); //根據經緯度行動中心點

點選查看文檔：JS實現點選按鈕轉移地圖中心點和鑽取 

const name = '江蘇省'; // 指定下鑽的區域名
let areas = [];chart.series.forEach(ser => areas.push(...ser.points)); // 獲取所有區域資訊
const area = areas.filter(area => area.name == name)[0]; // 根據區域名獲取區域資訊
chart.drillDown(area); // 下鑽到區域

點選查看文檔：JS實現點選按鈕轉移地圖中心點和鑽取

const name = '江蘇省'; // 指定下鑽的區域名let areas = [];
chart.series.forEach(ser => areas.push(...ser.points)); // 獲取所有區域資訊
const area = areas.filter(area => area.name == name)[0]; // 根據區域名獲取區域資訊
chart.drillDown(area); // 下鑽到區域

點選查看文檔：JS實現點選按鈕轉移地圖中心點和鑽取

var chart = FR.Chart.WebUtils.getChart("A1").getChartWithIndex(0);
var names = chart.getLayerNames(); //獲取鑽取目錄層級名
alert(names);

點選查看文檔：獲取鑽取地圖當前層級API

var chart = FR.Chart.WebUtils.getChart("A1").getChartWithIndex(0);
var names = chart.getLayerNames(); //獲取鑽取目錄層級名alert(names);

點選查看文檔：獲取鑽取地圖當前層級API

chartID 

FR.Chart.WebUtils.changeParameter({chartID: 'chart1',para: {    area: '華東'    }})

點選查看文檔：自動輪播資料點提示時聯動其他圖表 、下拉框和圖表聯動

獲取圖表物件開啟全螢幕

var chart1 = FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0);
VanCharts.showLightBox(chart1);

獲取圖表物件關閉全螢幕

var chart1 = FR.Chart.WebUtils.getChart("chart0").getChartWithIndex(0);
VanCharts.hideFullScreenChart(chart1);