Question

有人在Google adnsese中有一个很酷的2 vAxis折线图示例，您可以在其中添加和删除要在图表中显示的值吗？

我已经完成了2 vAxis图表并显示了许多值，但现在我想添加和删除其中的一些并重建图表。

Answer 1

我没有看到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);

Google Charts - Google Adsense中的折线图

1 个答案: