javascript - 更改 Google Charts 注释图表中的边框/背景？

Question

我正在尝试更改来自 Google 图表库的 AnnotationChart 的边框/背景。如果我使用标准的 backgroundColor 选项，图表将无法呈现。每this discussion , 其他图表类型上可用的 backgroundColor 选项似乎无法在 AnnotationChart 上直接访问，但可以通过未记录的选项使用。但是，当我尝试这样做时，图表没有改变。以下是代码和结果图表；有什么想法吗？

没有图表选项

var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));
var options = {
    thickness: 1.5,
    displayAnnotations: true,
    colors: dataColors,
    displayZoomButtons: false,
    displayExactValues: false,
    displayDateBarSeparator: true,
};
chart.draw(data, options);

与:

var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div'));
var options = {
    thickness: 1.5,
    displayAnnotations: true,
    colors: dataColors,
    displayZoomButtons: false,
    displayExactValues: false,
    displayDateBarSeparator: true,
    chart: {
      backgroundColor: {
        fill:'black',
        stroke: 'white',
        strokeSize: 1
      },
      chartArea: {
        backgroundColor: {
          fill: 'blue',
          stroke: 'red',
          strokeSize: 1
        }
      }
    }
};
chart.draw(data, options);

无论哪种方式，图表如下所示:

Answer 1

可以像这样使用它来设置背景颜色。 Read the documentation here

像这样编辑你的代码

var options = {
    displayAnnotations: true,
    displayZoomButtons: false,
    displayExactValues: false,
    displayDateBarSeparator: true,
    chart: {
      backgroundColor: 'blue',
      chartArea: {
       backgroundColor: '#FFF000',
      },

    },
          fill: 50,

};

我试过使用 strokeWidth 和 stroke 但我认为它还没有被支持或者我使用不正确。

工作 JSFIDDLE