Angular 角度谷歌图表-角度谷歌图表-折线图-hAxis网格线颜色不工作

我使用的是角度谷歌图表，我不知道为什么我不能改变哈克斯网格线的颜色

这是我的组件：

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-test1',
  templateUrl: './test1.component.html',
  styleUrls: ['./test1.component.css']
})
export class Test1Component implements OnInit {
  public chart1: any;

  constructor() { }

  ngOnInit(): void {


    this.chart1 = {
      title: 'Test',
      type: 'LineChart',
      data: [
        [0, 15],
        [1, 27],
        [2, 11],
        [3, 14]
      ],
      columnNames: ["Giorno", "Valori"],
      options: {   
         hAxis: {
            title: 'Giorno',
            gridlines: { color: '#FF000' },
            gridlineColor: '#FF000',
            baselineColor: '#FF0000',
         },
         vAxis:{
            title: 'Valori'
         },
      },
    };

  }

}

我的观点是：

<google-chart style="width: 1000px;height: 500px;"
    [title]="chart1.title"
    [type]="chart1.type"
    [data]="chart1.data"
    [columns]="chart1.columnNames"
    [options]="chart1.options">
</google-chart>

这是输出：

“hAxis.gridlines.color”和“hAxis.gridlineColor”属性不会更改垂直网格的颜色

---

我做错了什么？

您提供的十六进制格式颜色错误，因为它应该是

#rrggbb

（您只提供了5个而不是6个值）。将其相应更改为：

            gridlines: { color: '#FF000' },
            gridlineColor: '#FF000',

到

参考文献

---

十六进制颜色代码不起作用。我已经详细说明了我的答案@PinakiYes，可以使用十六进制颜色代码和颜色名称更改vAxis&hAxis基线、网格线颜色。请检查这个-哦！。。。。谢谢

         hAxis: {
            title: 'Giorno',
            gridlines: { color: '#FF000' }
         }