2016-10-02 126 views
0

我有一個頁面,我通過複選框在HTML中添加和刪除表格。當一個複選框被選中時,一個表被添加,當它被取消選中時,該表被刪除。我想在Highcharts中顯示這些表格,最好是通過我的AJAX的成功功能。在Highcharts中動態添加HTML表格

最簡單的方法是什麼?它是在頁面加載時添加表格的名稱,然後在每次檢查複選框時運行Highcharts重繪?或者有沒有其他的方式來做到這一點?

我沒有得到圖表重繪功能正常工作,這是我嘗試它什麼都不做。

$("#container").highcharts().redraw(); 
+0

你想要你的表被轉換成高圖嗎?如果是這樣,那麼你可以通過使用** HighchartTable Plugin **將你的表格轉換成高分佈圖。然後,您可以將您的高圖添加到div,並根據複選框值使用顯示/隱藏div。 –

+0

我希望表格能夠在HTML中「按原樣」顯示,並將其添加到Highcharts。是否有另一種方式來做到這一點比使用插件? – anters

+0

您可以像這樣在圖表中添加數據:http://www.highcharts.com/docs/getting-started/frequently-asked-questions#add-data-table –

回答

0

您使用 $(「#集裝箱」)highcharts(選件); 重繪圖表,其中選項是包含圖表定義的對象。

0

您可以使用$(「#tableid」)。append(「」+ data.yourdata +「」)在複選框的checked事件上動態添加表格行,並使用if else else條件語句附加和刪除表格行檢查和取消選中複選框,嘗試它,它會工作:)