动态地向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 , }