echarts 饼图sql

要在 Echarts 饼图中显示 SQL 数据，您需要执行以下步骤：

1.编写 SQL 语句，查询您想要显示在饼图中的数据。例如，您可以查询一个表，该表包含两个列：类别和值。

SELECT category, value FROM your_table

2.使用服务器端脚本（如 PHP、Python 或 Node.js）来执行查询，并将结果转换为 JSON 格式。

//连接到数据库
$conn = mysqli_connect("localhost", "username", "password", "database");

//执行查询
$result = mysqli_query($conn, "SELECT category, value FROM your_table");

//将结果转换为JSON格式
$data = array();
while($row = mysqli_fetch_assoc($result)) {
    $data[] = $row;
}
$json_data = json_encode($data);

//关闭数据库连接
mysqli_close($conn);

//输出JSON格式数据
header('Content-Type: application/json');
echo $json_data;

3.在前端页面中使用 AJAX 技术从服务器端脚本中获取数据，并将其用于生成 Echarts 饼图。

//使用AJAX技术获取数据
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        //将JSON格式数据转换为数组
        var data = JSON.parse(xhr.responseText);
        //生成饼图
        var chart = echarts.init(document.getElementById('your_chart_container'));
        chart.setOption({
            series: [{
                type: 'pie',
                data: data
            }]
        });
    }
};
xhr.open('GET', 'your_server_script.php', true);
xhr.send();

在这个示例中，我们使用 PHP 作为服务器端脚本，查询了一个名为 `your_table` 的表，并将结果转换为 JSON 格式。然后，我们使用 AJAX 技术从服务器端脚本中获取数据，并将其用于生成 Echarts 饼图。您可以根据自己的需要修改此示例以适应您的数据源。