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

得度

我有一个来自 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(即标签='')

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

亲切的问候,D

针对

数据是一个对象数组。您可以使用反引号以下列方式访问 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]
      }]
    }
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将对象从EJS传递到Node.js路由器-Javascript,EJS,Node.js,MySQL

通过数组索引将对象从数据传递到Vue.js中的组件

无法将对象传递到Node.js / Express.js上的导出JavaScript模块

将对象从Django传递到Javascript DOM

将对象从php传递到javascript

将对象从活动传递到片段就是通过引用传递

Javascript:通过将对象的路径作为字符串传递给对象,以获取深层价值

将对象列表绑定到Chart控件

将对象数组的第一个属性值绑定到chart.js中

JS-将对象数组传递到新窗口

将对象从servlet传递到客户端(javascript)

如何将对象从哈巴狗传递到前端javascript

通过 html 按钮将对象传递给 javascript 中的函数

是否有JavaScript方法/函数可以通过键将对象循环到数组中?

将对象从node.js发送到ejs,而不是[对象对象]

通过引用将对象传递给其他对象

JavaScript 通过键将对象数组转换为对象

如何通过套接字将对象从android传递到Java服务器?

通过post方法将对象数组从angular $ http传递到mvc web api

如何通过值将对象传递到Angular2 +组件

将对象通过服务传递到另一个控制器

如何使用“this”通过公共函数调用将对象传递到全局数组中?

使用javascript将对象绑定到模板

将对象绑定到 Javascript 中的函数

获取传递到包含的js文件中的ejs文件的数据

将变量从 ejs 文件传递到 javascript 文件

使用JavaScript对象的Chart.js

如何使用Vue.js将对象从axios catch块传递到父组件

Vue.js:无法使用v-bind将对象传递到Web组件