2014-02-05 60 views
0

最近我發現HighCharts這個非常有趣的功能,從表中繪製值。 你可以看到下面的jsfiddle的例子...來自HTML表格的Highchart數據與<input>值

http://jsfiddle.net/4mb9k/

可以在此thread.

找到我的問題是如何才能讓那就是在表中的數據,以是動態的...意思是,用<input>標記,所以當用戶輸入值時,點擊按鈕...圖表顯示輸入值。 (沒關係圖表類型..列,行,花...不論)

你可以看到爲了明白我的意思我的圖片...

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

謝謝!

回答

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