要从数据库获取数据并在 ECharts 中使用，您可以使用后端语言（如 PHP、Python、Node.js 等）与数据库进行连接，并将查询结果转化为 JSON 格式的数据，然后通过 AJAX 请求将数据传递给前端页面，在 ECharts 中使用这些数据进行图表展示。
以下是一个简单的示例代码，假设您使用 PHP 作为后端语言：
PHP 文件（getData.php）：<?php// 连接数据库$servername = "localhost";$username = "username";$password = "password";$dbname = "dbname";$conn = new mysqli($servername, $username, $password, $dbname);// 查询数据库获取数据$sql = "SELECT * FROM your_table";$result = $conn->query($sql);$data = array();while($row = $result->fetch_assoc()) { $data[] = array( 'name' => $row['name'], 'value' => $row['value'] );}// 输出数据为 JSON 格式echo json_encode($data);// 关闭数据库连接$conn->close();?><!DOCTYPE html><html><head> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.2.2/echarts.min.js"></script></head><body> <div id="chart" style="width: 600px; height: 400px;"></div> <script> var chart = echarts.init(document.getElementById('chart')); // 使用 AJAX 请求获取数据 var xhr = new XMLHttpRequest(); xhr.open('GET', 'getData.php', true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); // 在 ECharts 中使用数据创建图表 chart.setOption({ xAxis: { type: 'category', data: data.map(function(item) { return item.name; }) }, yAxis: { type: 'value' }, series: [{ data: data.map(function(item) { return item.value; }), type: 'bar' }] }); } }; xhr.send(); </script></body></html>请根据您的实际情况调整代码中的数据库连接和查询逻辑，以及 ECharts 图表的配置。这是一个简单的示例，您可以根据需求进行更复杂的数据处理和图表展示。
