欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

echart省市json

錢斌斌2年前12瀏覽0評論

echart是一個用于數據可視化的開源JavaScript圖表庫,它可以通過各種圖表來展示數據,如折線圖、餅圖、地圖、散點圖等。其中,地圖是應用最廣泛的一種圖表,而展示地圖數據需要使用對應的省市json數據。下面我們來介紹一下echart省市json數據的使用方法。

首先,我們需要準備省市json數據文件,一般可以從網上下載。例如,我們下載了一個名為china.json的省市json數據文件。接著,我們需要在HTML文件中引入echart和jquery庫:

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/echarts/4.8.0/echarts.min.js"></script>

然后,我們可以在JavaScript代碼中加載省市json數據:

$.get('china.json', function (chinaJson) {
echarts.registerMap('china', chinaJson);
var chart = echarts.init(document.getElementById('main'));
chart.setOption({
visualMap: {
type: 'continuous',
min: 0,
max: 200,
text: ['High', 'Low'],
realtime: false,
calculable: true,
inRange: {
color: ['#f1c61b', '#fc983b', '#f9753d', '#e6554d', '#d43d51']
}
},
series: [{
type: 'map',
map: 'china'
}]
});
});

以上代碼展示了如何加載china.json數據,并將地圖顯示在頁面上。其中,map:'china'的意思是要顯示的地圖類型是中國地圖,這個類型名稱就是通過echarts.registerMap方法注冊的。

最后,我們需要在HTML文件中添加一個div元素,用來容納地圖的顯示區域:

<div id="main" style="width: 800px;height:600px;"></div>

這樣就完成了echart省市json數據的使用過程。當然,echart還支持很多其他的配置和功能,有興趣的讀者可以進一步了解。