Question

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

他们似乎并不是我正在寻找的东西，所以希望这不是一个重复的问题。

我无法将网格线添加到Google AreaChart垂直轴。我用过：

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

但它似乎无法正常工作，当我更改vAxis的值时：它会向hAxis添加行：（

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

任何人都可以解决这个问题吗？

提前致谢：）

Answer 1

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

在您的示例中，您可以将DataTable更改为：

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/

Google AreaChart不显示垂直网格线。

1 个答案: