function index03() { console.log("index03"); axios({ method: 'GET', url: '/bonus' }).then(function(res) { initChart3(res.data); }); } function initChart3(data) { // 1. 通过 ID 获取一个 DOM,并初始化成 echarts 对象 let myChart = echarts.init(document.getElementById('main3')); // 3. 配置图表参数 let myArrays = data; let option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ data: [150, 230, 224, 218, 135, 147, 260], type: 'line' }] }; // 4. 给 echarts 对象设置 option 参数 myChart.setOption(option); }如何让数据库数据传入上述代码
时间: 2023-08-15 15:05:25 浏览: 124
如果您想让数据库中的数据传入给 `initChart3` 函数,您需要先从数据库中获取数据,然后将其转换为一个 JavaScript 对象或数组,并将其作为参数传递给 `initChart3` 函数。以下是一个使用 Node.js 和 MongoDB 的示例:
```javascript
// 1. 引入所需的模块
const express = require('express');
const mongoose = require('mongoose');
const axios = require('axios');
// 2. 连接 MongoDB 数据库
mongoose.connect('mongodb://localhost/mydatabase', { useNewUrlParser: true })
.then(() => console.log('MongoDB Connected'))
.catch(err => console.log(err));
// 3. 创建一个数据模型
const bonusSchema = new mongoose.Schema({
day: String,
amount: Number
});
const Bonus = mongoose.model('Bonus', bonusSchema);
// 4. 创建一个 Express 应用程序
const app = express();
// 5. 定义一个 API 路由
app.get('/bonus', (req, res) => {
// 从数据库中获取数据
Bonus.find((err, data) => {
if (err) {
console.log(err);
res.status(500).send('Internal Server Error');
} else {
// 将数据转换为一个数组
const myArrays = data.map(item => item.amount);
// 调用 initChart3 函数,并将数据传递给它
initChart3(myArrays);
// 将数据作为响应发送给前端
res.send(myArrays);
}
});
});
// 6. 启动服务器
app.listen(3000, () => console.log('Server running on port 3000'));
// 7. 定义 initChart3 函数
function initChart3(data) {
// 通过 ID 获取一个 DOM,并初始化成 echarts 对象
let myChart = echarts.init(document.getElementById('main3'));
// 配置图表参数
let option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: data,
type: 'line'
}]
};
// 给 echarts 对象设置 option 参数
myChart.setOption(option);
}
```
在上述示例中,我们使用了 Node.js 和 MongoDB 来创建了一个 API,该 API 可以从数据库中获取数据,并将其作为响应发送回前端。我们还定义了一个名为 `initChart3` 的函数,该函数可以将接收到的数据作为参数,然后根据数据来绘制一个 echarts 折线图表。注意,在上述示例中,我们将获取到的数据直接传递给 `initChart3` 函数,因此无需再使用 `let myArrays = data;` 这一行代码。
阅读全文