javascript - 动态添加JS代码

Question

我被要求根据特定的 csv 内容动态创建图表。

我目前正在使用 Chart.js 库，它要求您向“label”属性添加元素才能正确构建图表。

label : ["name1", "name2"]

我在这里无法做的是将数组“Names”中包含的元素动态添加到参数中。

var names = "asia", "africa";

我试图完成的是，根据数组“名称”内的条目数量，这些名称将出现在图表上。

有什么想法吗？提前致谢!

[编辑]

function createChart(upData, lData, allData){

        var ctx = document.getElementById("myChart").getContext("2d");
            document.getElementById("myChart").style.width = "<?wsx5 document.write(parameters.widthsize.value);?>px";
            document.getElementById("myChart").style.height = "<?wsx5 document.write(parameters.heightsize.value);?>px";


            var data = {
                labels: [

                ],

这是我现在得到的，当然是相关的部分。 upData 是一个数组，其中包含我需要的名称，这些元素需要动态添加到标签部分

Answer 1

我确实发现了问题所在。显然，标签字段工作的代码不带括号:

function createChart(upData, lData, allData){

    var ctx = document.getElementById("myChart").getContext("2d");
        document.getElementById("myChart").style.width = "<?wsx5 document.write(parameters.widthsize.value);?>px";
        document.getElementById("myChart").style.height = "<?wsx5 document.write(parameters.heightsize.value);?>px";


        var data = {
            labels: arrayname , }