Charts 在条形图上显示系列之间的水平网格线

我有一个条形图，可以比较不同类别的预算和支出

问题是，预算和进度可能为零，因此小组很难确定，这可以从中看出

如果有一条网格线来分隔这些组，那就太好了，这比只有一个空的空间更明显

我可以垂直做，但不能水平做

    hAxis: {
      title: '$',
      minValue: 0,
      gridlines: {color: 'cyan'}
    },
    vAxis: {
      title: 'Food',
      gridlines: {color: 'red'}
    }

---

有人能帮忙吗？

网格线仅由连续轴（数字、日期等）支持
它们不会出现在离散轴（字符串）上

在数据表中，可以使用对象表示法来使用连续轴，
但仍然显示字符串值。（

{v:4，f:'Pizza'}

）

其中

v:

是值，

f:

是格式化值

该值用于控制订单，
格式化的值将显示在工具提示中

然后，为了在轴上显示标签，
我们必须在

ticks

选项中使用对象表示法

  ticks: [
    {v: 0.5, f: ''},
    {v: 1, f: 'Paella'},
    {v: 1.5, f: ''},
    {v: 2, f: 'Milkshake'},
    {v: 2.5, f: ''},
    {v: 3, f: 'Hamburger'},
    {v: 3.5, f: ''},
    {v: 4, f: 'Pizza'},
    {v: 4.5, f: ''}
  ],

带有半个值的勾号将在之间添加一行。
但您将无法仅在网格线之间添加网格线。
因为我们必须为标签本身添加一个勾号

请参阅以下工作片段

google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=google.visualization.arrayToDataTable([
[‘食物’、‘预算’、‘花费’]，
[{v:4，f:'比萨饼'}，81750007854695]，
[{v:3，f:'汉堡包'}，02792000]，
[{v:2，f:'奶昔'}，2695000，0]，
[{v:1，f:'海鲜饭'}，0，0]
]);
变量选项={
标题：“预算食品与支出食品”，
酒吧：{
groupWidth:'75%'，
},
图表区：{宽度：'50%}，
哈克斯：{
标题：“$”，
最小值：0，
网格线：{color:'red'}
},
言辞：{
标题:"食物",，
滴答声：[
{v:0.5，f:''}，
{v:1，f:'海鲜饭'}，
{v:1.5，f:''}，
{v:2，f:'奶昔'}，
{v:2.5，f:''}，
{v:3，f:'汉堡包'}，
{v:3.5，f:''}，
{v:4，f:'比萨饼'}，
{v:4.5，f:''}
],
网格线：{color:'red'}
}
};
var chart=new google.visualization.BarChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
});
我明白了。。它确实有帮助，但不能有一条线之间只有，是否混乱的看法很多。。。非常感谢。
  ticks: [
    {v: 0.5, f: ''},
    {v: 1, f: 'Paella'},
    {v: 1.5, f: ''},
    {v: 2, f: 'Milkshake'},
    {v: 2.5, f: ''},
    {v: 3, f: 'Hamburger'},
    {v: 3.5, f: ''},
    {v: 4, f: 'Pizza'},
    {v: 4.5, f: ''}
  ],