谷歌图表工具

Question

我正在尝试学习javascript，并且已经拥有一些基本的编程经验（来自C ++），我决定通过直接进入并尝试创造有用的东西来实现这一目标。

我尝试使用Google Chart Tools

创建一个简单的自定义图表

该链接指向此库提供的一种类型图表的参考页面。我只是搞乱提供的例子。如果向下滚动到配置选项，您将看到vAxis.maxValue配置。选项。

问题是，我的V轴上的最大值似乎仍在四舍五入到最接近的百位值而不是特定值输入。请参阅下面的相关代码和评论：

        var options = {
          width: 500, height: 300,
          title: 'Your "LifeScore"',
          hAxis: {title: 'Goals', titleTextStyle: {color: 'black'}},
          vAxis: {title: 'Days', maxValue: 365} // v axis is showing up to 400, not 365
        };

该程序的完整版本可在此处找到：http://jsbin.com/ifuhuk/edit#html,live

任何熟悉这个库的人都知道如何解决这个问题吗？

Answer 1

我认为这是因为vAxis.gridlines.count默认为5（即0,100,200,300,400轴标签） - 您链接的页面中vAxis.maxValue的描述表明实际最大值可以是四舍五入。

图表控件似乎想要在轴上使用漂亮的圆形数字，这通常是合适的。如果你增加vAxis.gridlines.count，图表控件将能够设置一个低于400的最大值，但你可能无法在最高刻度标记处得到365。