php基于echart连接数据库绘制柱状图
时间: 2023-12-02 10:05:01 浏览: 99
VB调用数据库数据画mschart折线图
4星 · 用户满意度95%
要基于 ECharts 连接数据库绘制柱状图,你需要使用 PHP 来处理数据库查询,并将查询结果传递给 ECharts 绘图库。下面是一个简单的示例代码:
```php
<?php
// 假设你已经建立了连接数据库的代码
// ...
// 查询数据
$sql = "SELECT * FROM table";
$result = mysqli_query($conn, $sql);
// 构建数据数组
$data = array();
while ($row = mysqli_fetch_assoc($result)) {
$data[] = array(
'name' => $row['name'],
'value' => $row['value']
);
}
// 构建 ECharts 配置
$option = array(
'title' => array(
'text' => '柱状图示例'
),
'tooltip' => array(
'trigger' => 'axis'
),
'xAxis' => array(
'type' => 'category',
'data' => array_column($data, 'name')
),
'yAxis' => array(
'type' => 'value'
),
'series' => array(
array(
'name' => '数据',
'type' => 'bar',
'data' => array_column($data, 'value')
)
)
);
// 输出 ECharts 图表
echo '<div id="chart" style="width: 600px; height: 400px;"></div>';
echo '<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>';
echo '<script>';
echo 'var chart = echarts.init(document.getElementById("chart"));';
echo 'chart.setOption(' . json_encode($option) . ');';
echo '</script>';
```
这段代码会查询一个名为 `table` 的表,并将结果转换为 ECharts 需要的格式。然后,使用 `json_encode()` 函数将 ECharts 配置转换为 JSON 字符串,再通过 JavaScript 输出到 HTML 页面中。注意,你需要在 HTML 页面中引入 ECharts 库,才能正常显示图表。
阅读全文