带有<input />值的HTML表格中的Highchart数据

时间:2014-02-05 10:19:02

标签: javascript jquery highcharts

最近我发现HighCharts这个非常有趣的功能,从表中绘制值。 您可以在以下jsfiddle上看到示例...

http://jsfiddle.net/4mb9k/

可在此thread.

上找到

所以我的问题是我如何才能使表格中的数据变为动态......意思是,<input>标签所以当用户输入值时,点击按钮......图表与输入的值一起显示。 (无论图表类型如何..列,线,样条......无论如何)

你可以看到我的照片,以便了解我的意思......

http://imageshack.com/a/img691/3569/bfz.png

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以将属性contenteditable添加到tds,并添加一个按钮,将按此加载图形

<强> HTML

<tr>
    <th>Plums</th>
    <td contentEditable>5</td>
    <td contentEditable>11</td>
</tr>

<强>的jQuery

$('button').click(function(){
    $('#container').highcharts({//rest of the code

DEMO