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