javascript - 显示包含给定数据部分的 Google 柱形图

Question

所以我正在使用 Google 堆叠的“柱形图”，给出数据:

[
['red','green','blue'],
['one', '1','2','3'],
['two', '1','2','3']
['three', '1','2','3']
['four', '1','2','3']
['five', '1','2','3']
]

因此，场景是在图表上仅显示二、三、四，然后每当用户单击左/右箭头，数据将左移或右移。 例如，当用户单击向左箭头时，图表将显示一、二、三

我们是否可以通过 Google Chart 实现这一目标？

Answer 1

我通过添加一些带有 maxRows 的变量以及在 drawChart 函数之外添加一个额外函数来实现这一点。

我的两个左/右按钮如下所示:

<input onClick="redrawChart(-1)" type="button" value="<- Left" />
<input onClick="redrawChart(1)" type="button" value="Right ->" />

我定义一个变量为maxRow，然后在函数完成时返回dataTable中有多少行，如

chart.draw()
return numberOfRows;

我的 redrawChart 函数看起来像这样:

function redrawChart(a) {
    for (i = 0; i < showRows.length; i++) {
        showRows[i] += a
    }
.
.
error checking
.
.
    drawChart(showRows)
}

查看this fiddle并告诉我你的想法。