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

echarts f地圖json

錢艷冰1年前9瀏覽0評論

ECharts是一個基于JavaScript的可視化庫,其地圖組件可以幫助我們方便地呈現地理位置相關的數據。ECharts中,地圖數據通常以JSON文件的形式提供。當前,ECharts官網提供了世界地圖、中國地圖、各省市地圖等基礎地圖數據的JSON文件,同時也支持自定義JSON格式的地圖數據。下面我們來了解一下如何使用ECharts地圖組件中的JSON文件。

我們首先需要加載ECharts的JavaScript文件和地圖數據的JSON文件。以下是加載china.json文件的示例代碼:

var chart = echarts.init(document.getElementById('myChart'));
chart.showLoading();
$.get('china.json', function (geoJson) {
chart.hideLoading();
echarts.registerMap('china', geoJson);
chart.setOption({
series: [{
type: 'map',
map: 'china'
}]
});
});

上面的代碼通過AJAX加載了china.json文件,注冊了名為china的地圖,并將china地圖指定給了ECharts中的map屬性。執行以上代碼,我們就可以得到一個顯示中國地圖的ECharts圖表。

上面代碼中的$.get()方法中的參數名geoJson并不是固定的,我們可以隨便取一個名字,比如mapData,jsonData等等,這個參數接收的是從JSON文件中解析出來的地圖數據。根據加載的數據不同,我們需要更改對應的參數名字。

同時,以上代碼中指定了ECharts圖表中的seriesmap類型,這樣ECharts就知道我們需要展示地圖。除了地圖類型,ECharts還支持多種類型的圖表,可以根據實際需求進行選擇。

上一篇vue env