[英]Working with ejs when using the script tag
I work in Node.js/Express + PostgreSQL and ejs.我在 Node.js/Express + PostgreSQL 和 ejs 工作。
I want to insert in tag script <%=result.dis%>.我想插入标签脚本<%=result.dis%>。 My result that I get from the DB query.
我从数据库查询中得到的结果。
I trying to do something like this:我试图做这样的事情:
var vPlayer = `<%-JSON.stringify(avg.mark)%>`;
console.log(vPlayer);
Or this:或这个:
const div = document.createElement('div');
div.innerText = `<%=avg.mark %>`
console.log(div);
But it's don't worked.但它不起作用。 My full code where I want to draw a graph
我想在其中绘制图表的完整代码
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<% avg_t.rows.forEach(function(avg){%>
<script type="text/javascript">
var vPlayer = `<%-JSON.stringify(avg.mark)%>`;
console.log(vPlayer);
const div = document.createElement('div');
div.innerText = `<%=avg.mark %>`
console.log(div);
google.charts.load('current', {
'packages': ['corechart']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Mushrooms', vPlayer],
['Mu112', div],
['Onions', 1],
]);
var barchart_options = {
title: 'Barchart: How Much Pizza I Ate Last
Night ',width:400,height:300,legend: '
none '};
var barchart = new google.visualization.BarChart(document.getElementById('barchart_div'));
barchart.draw(data, barchart_options);
}
</script>
<%} ) %>
There are two lines I don't understand at all, but you're the owner of this code:有两行我根本不明白,但你是这段代码的所有者:
['Mushrooms', vPlayer /*I don't understand this*/],
['Mu112', div/*I don't understand this*/],
New approach:新的方法:
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
let rows = JSON.parse('<%= JSON.stringify(avg_t.rows) %>');
let players = [];
rows.forEach(function(avg, i) {
players.push(avg.mark);
let div = document.createElement('div');
div.innerText = avg.mark; //I don't know
div.setAttribute("id", `barchart_div${i}`);
/*You should append this new div into a specific element*/
});
google.charts.load('current', {
'packages': ['corechart']
});
function drawChart() {
players.forEach(function(vPlayer, i) {
let div = document.getElementById(`barchart_div${i}`);
let data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Mushrooms', vPlayer /*I don't understand this*/],
['Mu112', div/*I don't understand this*/],
['Onions', 1],
]);
var barchart_options = {
title: 'Barchart: How Much Pizza I Ate Last Night ',
width: 400,
height: 300,
legend: 'none'
};
var barchart = new google.visualization.BarChart(div);
barchart.draw(data, barchart_options);
});
}
google.charts.setOnLoadCallback(drawChart);
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.