Question

是否可以使用EJS标签向图表添加数据？这是我当前图表的数据：

var canvas = document.getElementById('myChart');
var data = {
    labels: ["One", "February", "March", "April", "May", "June", "July"],
    datasets: [
        {
            label: "My First dataset",
            backgroundColor: "rgba(255,99,132,0.2)",
            borderColor: "rgba(255,99,132,1)",
            borderWidth: 2,
            hoverBackgroundColor: "rgba(255,99,132,0.4)",
            hoverBorderColor: "rgba(255,99,132,1)",
            data: [10, 20, 81, 56, 55, 40],
        }
    ]
};

我想做这样的事情：

labels: ["<%= currentUser.datapoint1 %>", "<%= currentUser.datapoint2 %>", "<%= currentUser.datapoint3 %>"]

data: [<%= currentUser.datapoint10 %>, <%= currentUser.datapoint11 %>]

如何使用EJS标记填充图表数据？（注意：在需要生成图表之前，EJS标记信息已经保存了用户）

Answer 1

是的，你可以使用EJS标签或在各种>>> import cv2 >>> cv2.__version__ >>> 3.2.0 javascript框架中使用的任何其他类似标签（例如把手，流星中的空格键，ejs等）。 Chart.js在运行时初始化，因此它不知道数据如何进入文件（例如，它不知道......也不关心...你的javascript是经过预处理的生成）。

标签本身的格式只与您存储数据的变量有关。我建议您将view和labels存储在数组中并使用data。

JSON.stringify()

Answer 2

最简单的方法是在EJS标记中使用template 2>。你可以做到

JSON.stringify()

它基于您的labels: <%- JSON.stringify(data.labels); %>, data: <%- JSON.stringify(data.datasets.data); %>变量。因此，您可能需要相应地调整此代码。

带有ChartJS的EJS标签？

2 个答案: