将$ .getJSON与JSCharts一起使用

时间:2012-05-10 17:27:57

标签: javascript jquery

我是JSCharts的初学者。我正在使用$ .getJSON来加载json文件和 与他们我想用JSCharts创建图表。我收到的消息是:

JSChart:为选定的图表类型输入错误格式的数据

 var x= new Array();

 $.getJSON('test.json', function(data) {

  $.each(data, function(key, val) {

  x.push(val[0].abs);
  x.push(val[1].ord)
});
 });

var myChart = new JSChart('chartcontainer', 'line');
myChart.setDataArray(x);
myChart.draw();

任何想法如何改变格式,所以它可以被jscharts接受?

即使我将它们作为整数传递,也不会被接受。 Json看起来像这样:

   " cordonnee " : [ { " abs " : "45" } ,
                     { " ord " : "12" }
                   ],

     "autre" : [ { "abs": "68" } ,
                 { " ord " : "13" }
               ]

谢谢

2 个答案:

答案 0 :(得分:0)

尝试将值解析为整数。

$.each(data, function(key, val) {

  x.push(parseInt(val[0].abs));
  x.push(parseInt(val[1].ord));
});

答案 1 :(得分:0)

您将数据提供为1维数组,对于折线图,它必须是2维。

$.each(data, function(key, val) {
   var y = new Array();
   y.push(val[0].abs);
   y.push(val[1].ord);
   x.push(y);

});

有关详细信息,请参阅JSCharts how to use line graphs