echarts3是一款非常流行的數(shù)據(jù)可視化庫，它可以幫助我們快速地展示數(shù)據(jù)并生成各種精美的圖表。其中，地圖圖表尤為常見。在前端開發(fā)中，我們通常會使用json數(shù)據(jù)來渲染echarts3地圖圖表。下面我們來介紹一下使用echarts3地圖數(shù)據(jù)json的方法。

首先，我們需要準備一份符合echarts3地圖數(shù)據(jù)格式要求的json數(shù)據(jù)。具體格式如下：

{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[100.0, 0.0],
[101.0, 0.0],
[101.0, 1.0],
[100.0, 1.0],
[100.0, 0.0]
]
]
},
"properties": {
"name": "polygon1",
"value": 100
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[101.0, 0.0],
[102.0, 0.0],
[102.0, 1.0],
[101.0, 1.0],
[101.0, 0.0]
]
]
},
"properties": {
"name": "polygon2",
"value": 200
}
}
]
}

這是一個簡單的geojson格式的數(shù)據(jù)，它定義了兩個多邊形區(qū)域（polygon1和polygon2），每個區(qū)域都有一個名稱和一個數(shù)值。我們可以將這個json數(shù)據(jù)作為echarts3中map類型圖表的數(shù)據(jù)源，來快速創(chuàng)建地圖圖表。

下面是一個簡單的例子，展示如何使用該json數(shù)據(jù)創(chuàng)建地圖圖表：

var myChart = echarts.init(document.getElementById('myChart'));
// 將json數(shù)據(jù)轉換為echarts3適用的格式
var option = {
series: [{
type: 'map',
data: [{
name: 'polygon1',
value: 100
}, {
name: 'polygon2',
value: 200
}],
mapType: 'world'
}]
};
// 繪制地圖圖表
myChart.setOption(option);

可以看到，我們首先使用echarts.init方法初始化了一個圖表實例，之后將json數(shù)據(jù)轉換為echarts3適用的格式，并創(chuàng)建了一個map類型的圖表，最后通過setOption方法來繪制圖表。這樣，我們就成功地創(chuàng)建了一張地圖圖表，展示了符合echarts3格式要求的json數(shù)據(jù)。