對于開發者來說，數據可視化是一個非常重要的細節。而 Echarts 在數據可視化領域，堪稱王者。本文將會介紹如何使用 Echarts 來填寫 JSON 數據。

var option = {
title: {
text: '某站點訪問來源',
subtext: '純屬虛構',
x: 'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} (scgm2us%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['直接訪問', '郵件營銷', '聯盟廣告', '視頻廣告', '搜索引擎']
},
series: [
{
name: '訪問來源',
type: 'pie',
radius: '55%',
center: ['50%', '60%'],
data:[
{value:335, name:'直接訪問'},
{value:310, name:'郵件營銷'},
{value:234, name:'聯盟廣告'},
{value:135, name:'視頻廣告'},
{value:1548, name:'搜索引擎'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};

代碼如上，我們可以看到，Echarts 使用 JSON 格式來填充數據。整個頁面的所有圖表信息都在 option 變量中設置。在第一行，我們設置了圖表的標題。之后，我們使用了一個餅圖來做演示，并使用了數據源來展示各種數據。

在餅圖中，我們可以看到具體的數值。而數據源是從 data 數組中讀取的。data 數組的每個對象代表餅圖中的一個部分。例如，我們可以看到“直接訪問”一欄的數值是 335。

最后，我們使用 itemStyle 設置樣式。在這個例子中，我們使用了陰影特效來做樣式。當鼠標懸停在圖表上時，將會顯示陰影特效。

Echarts 是一個強大的庫，可以為您的數據帶來更加賞心悅目的表現形式。希望這篇文章能夠為您的 Echarts 開發之路帶來一些啟示。