Question

我在我的应用中使用google chart，我想实现滚动。我可以通过设置容器div的样式来实现。

但问题是它用轴滚动整个图形。如何仅水平滚动图表区域并保持垂直轴静止？

Answer 1

Visualization API有一个内置控件来处理图表滚动：ChartRangeFilter。

Answer 2

看起来像overflow-x＆＃39;是你在找什么

在创建图表的脚本中，请务必添加以下内容：

var options = {
                'title': 'Chart title',
                'hAxis': { title: 'axis title', titleTextStyle: { color: 'blue' } },
                'width': data.getNumberOfRows() * 65,
                'height': 300,
                'bar': {groupWidth: 20}
            };

这样，宽度将由条数设置。接下来你需要设置overflow-x属性：

<style type="text/css">
        #chart_div {
            overflow-x: scroll;
            width: 500px;
        }
    </style>

现在会发生的是，图表的宽度是500px，如果你有更多的数据 - 你会得到一个水平滚动条

希望有所帮助

在谷歌图表中垂直轴水平滚动静态

2 个答案: