2015-05-04 67 views
1

我被要求根据某个csv内容动态地创建图形。向JS动态添加代码

我目前正在使用Chart.js库,它需要您将元素添加到“label”属性才能正确构建图形。

label : ["name1", "name2"] 

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

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是一个包含我需要的名称的数组,并且这些元素需要动态添加到标签部分

+0

您应该能够使用*标签:名字*如果你已经把entires成名字你试图建立图形之前。如果您要显示一些示例代码来演示您的问题,我们可能会帮助您更多。 – Robin

+0

标题有误导性。 – rottenoats

+0

我可以告诉你,通过在标签下添加“名称”(这是数组名称),就像在“label:names”中一样,所有名称都将显示为只有一个条目 – Stefano

回答

0

我真的发现问题所在。 显然,为了使标签领域工作的代码是不带括号:

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 , }