从数据表中绘制图表
我想从表格中建立一个邮票图表。 该表是使用jquery datatables插件构建的。 该表可以内联编辑。
我想知道是否有人有任何提示在flot中显示数据。 你会从json或直接从图表中提取数据来构建flot图表吗？
使用datatables jquery插件动态填充数据。
该表看起来像这样..
GDP, based on exchange rates, over time. Values in billion USDs. 2003 2002 2001 2000 1999 1998 USA 10,882 10,383 10,020 9,762 9,213 8,720 EU 10,970 9,040 8,303 8,234 8,901 8,889
谢谢！
您可以使用循环遍历表并为flot构建数据数组。 像这样的东西：
var headerTr = $('table tr:first()'); var rowCount = $('table tr').length - 1; var data = []; for (var row = 0; row < rowCount; row++) { var tr = $('table tr').eq(row + 1); var dataseries = { label: tr.find('th').text(), data: [] }; for (var col = 0; col < tr.find('td').length; col++) { var xval = headerTr.find('th').eq(col).text(); var yval = tr.find('td').eq(col).text().replace(',', ''); dataseries.data.push([xval, yval]); } data.push(dataseries); };
这是一个工作示例的小提琴 。 通过按钮单击启动绘图。 对于您的数据表，您可以将其更改为onchange事件或类似的事件。