HTML表中的Highchart数据 <input> 值

Question

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

http://jsfiddle.net/4mb9k/

可以在此线程上找到。

所以我的问题是如何使表中的数据具有动态性...含义，使用<input>标记，以便当用户输入值并单击按钮时...图表将与输入值。 （与图表类型无关。.柱，线，样条曲线...无关）

你可以看我的照片，以了解我的意思...

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

谢谢！

Answer 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