谷歌区域图不显示垂直网格线

Google AreaChart not displaying Vertical Gridlines.

本文关键字：垂直 网格线 显示 区域 谷歌      更新时间：2023-09-26

首先，我已经检查了这些：

  • 如何获得谷歌可视化折线图以显示垂直网格线？
  • 谷歌图表：面积图 v轴网格线未绘制

而且它们似乎不是我想要的，所以希望这不是一个重复的问题。

我在将网格线添加到谷歌区域图垂直轴时遇到问题。我使用过： 

 vAxis: {
        minValue: 0,
        gridlines: {
            color: '#f3f3f3',
            count: 5
        }
    }

但是它似乎不起作用，当我更改 vAxis 计数的值时：它会向 hAxis :(添加线条

请参阅：http://jsfiddle.net/j29Pt/2/

谁能解决这个问题？

提前致谢:)

您需要将 x 轴更改为连续数据类型（数字、日期、日期时间、一天中的时间）才能获得垂直线。 "hAxis.gridlines.count"选项控制获得的垂直网格线数。 vAxis.gridlines.count控制您获得的水平线数。

在您的示例中，您可以将数据表更改为：

var data = google.visualization.arrayToDataTable([
    ['Year', 'Sales', ],
    [2004, 1000],
    [2005, 1170],
    [2006, 660],
    [2007, 1030]
]);

以及您的选择：

var options = {
    title: '',
    hAxis: {
        title: 'Year',
        titleTextStyle: {
            color: '#333'
        },
        gridlines: {
            color: '#f3f3f3',
            count: 4
        },
        format: '####'
    },
    vAxis: {
        minValue: 0,
        gridlines: {
            color: '#f3f3f3',
            count: 5
        }
    }
};

请参阅示例：http://jsfiddle.net/asgallant/j29Pt/3/

相关文章：