1

我有这个结构:

HTML部分:

<table id="table_div" class="table table-striped table-condensed"><tbody></tbody></table>

JS部分:

var data = json_response['data'];

  $("#table_div").html('<thead><tr><td>TIMESTAMP</td><td>VALUE</td></tr></thead>');

  $.each(data, function(index, value) {
    $('#table_div > tbody:last').append('<tr><td>' + value + '<td></tr>'); 
  });   

现在,我的矢量数据取自 java 控制台,例如:

{"data": [[1348754599, 0.0], [1348754639, 0.0], [1348754680, 0.0], [1348754721, 0.0], [1348754761, 0.0], [1348754802, 0.0], [1348754842, 0.0], [1348754883, 0.0], [1348754924, 0.0], [1348754964, 0.0], [1348755005, 0.0], [1348755045, 0.0], [1348755086, 0.0], [1348755126, 0.0], [1348755167, 0.0], [1348755208, 0.0]]}

而此时的结果是时间戳和值都在 TIMESTAMP 下,但列 VALUE 为空。

TIMESTAMP   VALUE

1348756790,0
1348756830,0
1348756871,0
1348756911,0
1348756952,0
1348756992,0
1348757033,0

我该怎么做才能拥有

Timestamp Value
12876      0
129487     1

非常感谢你!

*编辑*

这是现在生成的html:

<table id="table_div" class="table table-striped table-condensed"><tbody><tr><td>TIMESTAMP</td><td>VALUE</td></tr><tr><td>1348760408,0</td><td></td></tr><tr><td>1348760448,0</td><td></td></tr></tbody></table>
4

1 回答 1

2

我之前的回答是假的。我记错了如何$.each()工作。

您的原始代码是正确的,只是您没有将每个元素部分分解为其时间戳和值组件。我认为这段代码会做你想做的事:

  $("#table_div").html('<thead><tr><td>TIMESTAMP</td><td>VALUE</td></tr></thead>');

  $.each(data, function(index, value) {
    $('#table_div > tbody:last').append('<tr><td>' + value[0] + '</td><td>' + value[1] +'</td></tr>'); 
  });  
于 2012-09-27T15:50:19.707 回答