色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

echarts 獲取json地圖

錢瀠龍1年前8瀏覽0評論

ECharts是一個非常強大的數據可視化庫,可以實現很多大數據可視化的需求,其中常用的一項功能就是地圖數據可視化。在實現地圖可視化的過程中,我們需要獲取相應的地圖數據,而這些數據一般都是以JSON格式存儲。下面我們就來介紹一下如何使用ECharts獲取JSON地圖。

// 引入 ECharts 主模塊
var echarts = require('echarts/lib/echarts');
// 引入中國地圖的 JSON 數據,這里以 echarts-countries-pyp 的數據為例
var chinaGeoJSON = require('echarts/map/json/custom/echarts-countries-pyp.json');
// 使用ECharts,創建實例
var myChart = echarts.init(document.getElementById('myChart'));
// 注冊中國地圖到 ECharts
echarts.registerMap('china', chinaGeoJSON);
// 設置 option,使用中國地圖
var option = {
geo: {
map: 'china'
},
series: [
{
name: '測試數據',
type: 'scatter',
coordinateSystem: 'geo',
symbolSize: 2,
data: [[116.3,39.9], [118.8,25.5], [120.2,30.3]]
}
]
};
// 渲染圖表
myChart.setOption(option);

上述代碼中,首先我們引入了ECharts核心模塊,然后使用 require 導入了中國地圖的JSON數據。接著,我們使用ECharts創建了實例,并將中國地圖注冊到了 ECharts 中。最后,我們設置了一個簡單的數據,使用該數據渲染了一個地圖圖表。

值得注意的是,使用這種方式獲取的地圖數據,我們可以自己提取需要的地圖數據,而不是像使用自帶地圖模塊那樣受限于ECharts自帶的地圖數據。因此,我們可以根據自己的需求來自定義制作出各種各樣的地圖。