echarts如何调用mysql数据库

// 引入依赖模块
const express = require('express');
const mysql = require('mysql');

// 创建数据库连接
const connection = mysql.createConnection({
  host: '数据库主机地址',
  user: '数据库用户名',
  password: '数据库密码',
  database: '数据库名'
});

// 连接数据库
connection.connect();

// 创建 Express 应用
const app = express();

// 定义接口，返回 MySQL 数据
app.get('/data', (req, res) => {
  // 执行 SQL 查询语句
  const sql = 'SELECT * FROM table_name';
  connection.query(sql, (error, results) => {
    if (error) throw error;
    // 将查询结果发送给前端
    res.json(results);
  });
});

// 启动服务
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

$.ajax({
  url: 'http://后端接口地址/data',
  method: 'GET',
  success: function(data) {
    // 将返回的数据与 Echarts 进行绑定
    // 例如，创建一个柱状图
    var chart = echarts.init(document.getElementById('chart-container'));
    var option = {
      // 图表配置项
      xAxis: {
        type: 'category',
        data: data.map(item => item.x) // 数据处理，将返回的数据中 x 字段提取出来
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        type: 'bar',
        data: data.map(item => item.y) // 数据处理，将返回的数据中 y 字段提取出来
      }]
    };
    chart.setOption(option);
  },
  error: function(error) {
    console.error('Failed to fetch data:', error);
  }
});