通过 EJS 将对象从 javascript 传递到 Chart.JS

Question

我有一个来自 js 文件的对象（数据）。

router.get('/participant-module',(req,res)=>{

    let sql = dbModel.participant_per_module;
    db.query(sql, (err, result)=>{
        if(err) throw err;
        res.render('dashboard', {title:'Get', data:result});
        console.log(result);
    });
});

data 包含两个数组； emp_id 和 module_id；

我想将这个变量数据传递给ejs中的Chart JS数据。

  let pchart = new Chart(myChart, {
            type:'bar',
            data:{
              labels: '<%=data.emp_id%>',
                datasets:[{
                    label:'p',
                    data:[123,234,533,232]
                }]
            }
        })

但它返回 null （即 labels = ''）

我错过了什么吗？我尝试过不同的 ejs 标签，例如 <%- 但它返回相同的结果。

亲切的问候， D

Answer 1

数据是对象的数组。您可以使用反引号按以下方式访问 emp_id：

labels: `<%= data[0].emp_id %>`, `<%= data[1].emp_id %>`, ... , `<%= data[n].emp_id %>`

您还可以将 emp_ids 推入另一个数组，然后使用该数组作为标签。

var Data = JSON.parse(`<%- JSON.stringify(data) %>`);
var labelsData = [];
for(var i = 0; i < Data.length; i++){
   labelsData.push(Data[i].emp_id);
}

let pchart = new Chart(myChart, {
    type:'bar',
    data:{
      labels: labelsData,
      datasets:[{
        label:'p',
        data:[123,234,533,232]
      }]
    }
})