echarts是一款非常流行的可視化圖表庫(kù)，我們可以使用它來(lái)展示各種類(lèi)型的圖表，如條形圖、餅圖、折線圖等等。為了展示這些圖表，我們需要加載數(shù)據(jù)，通常我們會(huì)使用JSON格式的數(shù)據(jù)庫(kù)來(lái)存儲(chǔ)我們的數(shù)據(jù)。因此，在使用echarts之前，我們需要學(xué)習(xí)如何下載JSON數(shù)據(jù)庫(kù)。

下載JSON數(shù)據(jù)庫(kù)的第一步是訪問(wèn)一個(gè)JSON數(shù)據(jù)庫(kù)的倉(cāng)庫(kù)。有許多倉(cāng)庫(kù)可以供我們使用，如GitHub等。在這里，我們以GitHub為例。以下是下載JSON數(shù)據(jù)庫(kù)的步驟：

// 首先，訪問(wèn)JSON數(shù)據(jù)庫(kù)的倉(cāng)庫(kù)
https://github.com/dabeng/OrgChart/tree/master/js/jquery.orgchart
// 找到需要下載的JSON文件
https://github.com/dabeng/OrgChart/blob/master/js/jquery.orgchart.js
// 點(diǎn)擊文件鏈接進(jìn)入文件詳情頁(yè)，找到“Raw”的按鈕并點(diǎn)擊
https://raw.githubusercontent.com/dabeng/OrgChart/master/js/jquery.orgchart.js
// 這時(shí)，文件將開(kāi)始下載到本地

下載完成后，我們就可以將JSON數(shù)據(jù)庫(kù)中的數(shù)據(jù)導(dǎo)入到我們的echarts圖表中。使用echarts加載JSON數(shù)據(jù)也非常簡(jiǎn)單。以下是使用echarts加載JSON數(shù)據(jù)的步驟：

// 導(dǎo)入echarts庫(kù)// 定義容器div
// 定義圖表配置項(xiàng)
var option = {
title: {
text: '某站點(diǎn)訪問(wèn)來(lái)源',
subtext: '純屬虛構(gòu)',
left: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{a}
{b} : {c} (yesaww2%)'
},
legend: {
orient: 'vertical',
left: 'left',
data: ['直接訪問(wèn)', '郵件營(yíng)銷(xiāo)', '聯(lián)盟廣告', '視頻廣告', '搜索引擎']
},
series: [
{
name: '訪問(wèn)來(lái)源',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data: [
{ value: 335, name: '直接訪問(wèn)' },
{ value: 310, name: '郵件營(yíng)銷(xiāo)' },
{ value: 234, name: '聯(lián)盟廣告' },
{ value: 135, name: '視頻廣告' },
{ value: 1548, name: '搜索引擎' }
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
// 初始化echarts
var myChart = echarts.init(document.getElementById('container'));
// 使用Json數(shù)據(jù)設(shè)置圖表配置項(xiàng)
myChart.setOption(option);

下載JSON數(shù)據(jù)庫(kù)是展示echarts圖表的重要步驟。希望本文能夠幫助您快速下載JSON數(shù)據(jù)庫(kù)，同時(shí)讓您更好地使用echarts。