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

我正在我的应用程序中使用

谷歌图表

，我想实现滚动。我可以通过设置container div的样式来实现

---

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

可视化API有一个用于处理图表滚动的内置控件。

它看起来像“

溢出-x

”是您要查找的

在创建图表的脚本中，确保添加以下内容：

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>

#图表组{
溢出-x：滚动；
宽度：500px；
}

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

---

希望有帮助

您是否尝试过溢出选项？我现在使用的是溢出选项本身。但在水平滚动时，y轴会向内移动。我需要的是保持垂直轴静止，并仅滚动图表区域。@Adidev您找到解决方案了吗？。如果是，请告诉我您是如何处理的。谢谢您的回答，但我的回答是错误的要求将y轴保持在最左侧静止，并单独滚动x轴