2012-12-02 109 views
0

有人有一個很酷的例子2 vAxis線谷歌adnsese這樣的圖表,這樣你可以添加和刪除值顯示在圖表中?谷歌圖表 - 折線圖,谷歌的Adsense

我已經完成了2個vAxis圖表並顯示了很多值,但現在我想添加和刪除其中的一些並重建圖表。

回答

0

我還沒有看到AdSense圖表,但我會盡力回答。

要添加或刪除圖表中的數據點或線,您可以操作DataTable(或創建一個新的),然後在圖表上再次調用'draw'。

這裏是帶有動畫的例子:

var data = google.visualization.arrayToDataTable([ 
    ['x','Domain', 'Line 1', 'Line 2'], 
    ['A', 1, 1, 0.5], 
    ['B', 2, 0.5, 1] 
]); 

// Use transition animation 
var opts = {animation: { duration: 1000, easing: 'out' }} 
var chart = new google.visualization.LineChart(document.getElementById('visualization')); 
chart.draw(data, opts); 

// remove a data line (column) 
data.removeColumn(3); 
chart.draw(data, opts); 

// add a new data point (row) 
data.addRow(['C',4,1,0.5]); 
chart.draw(data, opts);