php echart 曲线

在PHP中，ECharts是一个流行的JavaScript图表库，它允许你在Web应用中创建动态、交互式的可视化。如果你想要用ECharts绘制曲线图，你可以按照以下步骤操作：

1. 首先，在HTML页面上引入ECharts的JS文件和CSS样式：

<script src="https://cdn.jsdelivr.net/npm/echarts@latest/dist/echarts.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/echarts@latest/theme/macarons.min.css">

2. 创建一个div元素用于放置图表：

<div id="main" style="width: 600px;height:400px;"></div>

3. 使用PHP动态生成ECharts配置数据。例如，对于一条简单的折线曲线，你可以这样设置配置：

<?php
$data = array(
    'categories' => array('A', 'B', 'C', 'D', 'E'),
    'values' => array(5, 20, 36, 10, 10),
);
?>

4. 在PHP中构建ECharts实例，并传入配置数据：

<script>
    var chart = echarts.init(document.getElementById('main'));
    chart.setOption({
        title: {
            text: 'Line Chart'
        },
        xAxis: {
            data: <?php echo json_encode($data['categories']); ?>
        },
        yAxis: {},
        series: [{
            name: 'Values',
            type: 'line',
            data: <?php echo json_encode($data['values']); ?>
        }]
    });
</script>