显示带有数据表的图表js

时间:2017-03-03 12:10:26

标签: javascript charts

for (var i = 0; i < valueInfo.length; i++) {
  if (++conteur === valueInfo.length) {            
    MydataPoints+='{  y: '+parseInt(valueInfo[i])+', indexLabel: "Feminin" }';
  }
  else {
    MydataPoints+='{  y: '+parseInt(valueInfo[i])+', indexLabel: "Feminin" },';
  }
}

MydataPoints的结果是= [“{y:3,indexLabel:”Fem​​inin“},{y:5,indexLabel:”Fem​​inin“}”]

但对于有需要的工作图表,如:[{y:3,indexLabel:“Feminin”},{y:5,indexLabel:“Masculin”}]

非常感谢你的帮助。

3 个答案:

答案 0 :(得分:0)

您要做的是手动构建JSON字符串,而ChartJS需要JSON对象。

 [{ y: 3, indexLabel: "Feminin" },{ y: 5, indexLabel: "Masculin"}]

这是有效的JSON字符串,您正在尝试将其手动构建到JS中。 相反,尝试从服务器本身获取数据为JSON格式,它将为您提供正确的JSON字符串,

对于您对JSON的手动操作,您可以循环执行ajax响应或将其注意到服务器逻辑。

但是,如果您需要手动处理JS,而不是JSON绑定,请尝试为ChartJS制作HTML标记。

答案 1 :(得分:0)

var MydataPoints=[]
if(++conteur === valueInfo.length) {            
        MydataPoints.push({  y:parseInt(valueInfo[i]), "indexLabel": "Feminin" });
      }
      else{
        MydataPoints.push({  y:parseInt(valueInfo[i]), "indexLabel": "Feminin"});     };

答案 2 :(得分:0)

试试这个:

function openModal(id) {
$("#img_id").val(id);
document.getElementById('myModal').style.display = "block";
var img_id = id;
document.getElementById('caption').innerHTML = img_id;
var valueInfo = ["12","13"];
var MydataPoints = [];

for (var i = 0; i < valueInfo.length; i++) {          
  MydataPoints.push({
    y: parseInt(valueInfo[i]),
    indexLabel: "Feminin" 
  });
};

var div = document.getElementById('text');

div.innerHTML = JSON.stringify(MydataPoints);

相关问题