php使用echarts

要在 PHP 中使用 ECharts，需要引入 ECharts 的 JavaScript 文件并在 HTML 中创建一个包含 ECharts 绘图区域的 DOM 元素。然后，使用 PHP 生成所需的数据，并将数据传递给 JavaScript 函数，以便将数据绘制成图表。

以下是一个简单的示例：

1. 在 HTML 文件中引入 ECharts 的 JavaScript 文件：

<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>

2. 创建包含 ECharts 绘图区域的 DOM 元素：

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

3. 在 PHP 文件中生成数据：

$data = array(
  array('name' => 'Apple', 'value' => 10),
  array('name' => 'Banana', 'value' => 20),
  array('name' => 'Orange', 'value' => 30)
);

4. 在 HTML 文件中使用 JavaScript 函数将数据传递给 ECharts 并绘制图表：

<script>
  var chart = echarts.init(document.getElementById('chart'));
  var data = <?php echo json_encode($data); ?>;
  var option = {
    title: {
      text: 'Fruit Sales'
    },
    tooltip: {},
    legend: {
      data:['Sales']
    },
    xAxis: {
      data: data.map(function(item) {
        return item.name;
      })
    },
    yAxis: {},
    series: [{
      name: 'Sales',
      type: 'bar',
      data: data.map(function(item) {
        return item.value;
      })
    }]
  };
  chart.setOption(option);
</script>

这个示例演示了如何使用 PHP 生成数据并将数据传递给 ECharts，以便在 HTML 中绘制图表。