echarts是一款基于JavaScript的數據可視化庫，可以輕松地創建圖表、地圖和儀表盤。在PHP中使用JSON與echarts結合，可以非常方便地將數據傳遞給前端，并利用echarts快速地展示出來。
首先，需要在PHP中生成相應的JSON數據。假設我們要展示一個簡單的柱狀圖，其數據如下：
$data = [ ["name" =>"蘋果", "value" =>5], ["name" =>"梨子", "value" =>3], ["name" =>"香蕉", "value" =>8], ["name" =>"葡萄", "value" =>2], ["name" =>"橙子", "value" =>6] ]; $json_data = json_encode($data);
生成的JSON數據如下：
[{"name":"蘋果","value":5},{"name":"梨子","value":3},{"name":"香蕉","value":8},{"name":"葡萄","value":2},{"name":"橙子","value":6}]接下來，將JSON數據傳遞給前端頁面，并利用echarts進行渲染。下面是一個簡單的HTML頁面示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ECharts PHP JSON Demo</title>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
</head>
<body>
<div id="chart" style="width: 600px;height:400px;"></div>
<script>
var chart = echarts.init(document.getElementById('chart'));
var data =;
var option = {
tooltip: {},
xAxis: {
data: data.map(function (item) { return item.name; })
},
yAxis: {},
series: [{
name: '銷量',
type: 'bar',
data: data.map(function (item) { return item.value; })
}]
};
chart.setOption(option);
</script>
</body>
</html>利用echarts的init方法初始化一個圖表實例，將數據傳入option變量中，并通過setOption方法渲染圖表。至此，一個簡單的echarts與PHP JSON的結合示例便完成了。
上一篇c 字符串轉json對象
下一篇python 類后帶括號