Flot Chart de la tabla de datos

Quiero construir un gráfico flotante de una tabla. La tabla se construye utilizando el complemento de datos de jquery. La tabla se puede editar en línea.

Me preguntaba si alguien tenía algún consejo para mostrar los datos en flot. ¿Obtendría los datos de json o directamente de la tabla para crear la tabla flot?

Los datos se completan dinámicamente utilizando el complemento de jQuery de datos de datos.

La mesa se ve así …

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

¡Gracias!

Puede usar bucles para recorrer su tabla y crear la matriz de datos para flot. Algo como esto:

  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); }; 

Aquí hay un violín con un ejemplo de trabajo. El dibujo se inicia pulsando el botón. Para sus datos disponibles, podría cambiar eso a un evento onchange o algo similar.