Echarts是一款強大的JavaScript圖表庫，它可以用于構建各種類型的圖表。在Echarts中，數據和配置都可以通過JSON進行傳遞，這使得Echarts的使用變得非常方便。本文將介紹如何使用JSON來傳遞Echarts的數據和配置信息。

要使用JSON來傳遞Echarts的數據和配置信息，需要先定義一個包含必要信息的JSON對象。

var option = {
title: {
text: '某站點用戶訪問來源',
subtext: '純屬虛構',
x: 'center'
},
tooltip: {
trigger: 'item',
formatter: "{a}
{b} : {c} (z5tn5lz%)"
},
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)'
}
}
}
]
};

上述JSON對象包含了一個標題、提示框、圖例和餅圖的配置信息。其中，標題包括了文本和副標的位置信息；提示框包含了觸發方式和格式化方式；圖例包含了方向、位置和數據；最后，餅圖包含了半徑、位置和數據等信息。

將定義好的JSON傳遞給Echarts的初始化函數即可創建一個Echarts圖表。例如：

// 基于準備好的dom，初始化echarts實例
var myChart = echarts.init(document.getElementById('main'));
// 使用剛指定的配置項和數據顯示圖表。
myChart.setOption(option);

通過上面的代碼，即可將定義好的option對象傳遞給Echarts，創建一個包含餅圖的圖表。在實際應用中，我們可以動態生成JSON對象，以便展示不同的圖表或者更新圖表的數據和配置。