在JSCharts中使用$.getJSON

Question

我是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" }
               ]

谢谢

Answer 1

尝试将这些值解析为整数。

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

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

Answer 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