Charts Can'；t向谷歌条形图添加注释

我一直在尝试为谷歌条形图添加注释。我已经看到了与此相关的问题，但无法解决。图表中有两个条形图，我想在条形图上显示数字。我在datatable中添加了2个注释列。图表绘制在没有注释的情况下工作，并且在控制台上没有错误。所以我需要一些帮助。这是我的密码：

 var options = {
        chart: {
            title: 'xxxx',
            subtitle: 'xxxx',
            focusTarget:'category'
        },
        annotations: {
            textStyle: {
                color: 'black',
                fontSize: 11,
            },
            alwaysOutside: true
        },
        height:300,
        vAxis: {format: 'short'},
        colors: ['#17807E', '#4285F4']
    };  

function drawAudits(Data)  //data comes from another function with ajax call
    {            
        var dataTbl = new google.visualization.DataTable();            
        dataTbl.addColumn('string', 'Months');            
        dataTbl.addColumn('number', 'Scheduled');
        dataTbl.addColumn('number', 'Done');
        dataTbl.addColumn({ type:'number' , role: 'annotation' });
        dataTbl.addColumn({ type:'number' , role: 'annotation' });

        for (var i = 0; i < Data.length; i++)
        {
            dataTbl.addRow([Data[i].month, Data[i].AllAudits, Data[i].DoneAudits, Data[i].AllAudits, Data[i].DoneAudits]);
        } //last 2 column for annotations

        var chart = new google.charts.Bar(document.getElementById('columnChartDiv'));
        chart.draw(dataTbl,options);
    }

var选项={
图表：{
标题：“xxxx”，
副标题:"xxxx",，
focusTarget:“类别”
},
注释：{
文本样式：{
颜色：'黑色'，
尺寸：11，
},
永远都是这样
},
身高：300，
vAxis:{format:'short'}，
颜色：['#17807E'，'#4285F4']
};  
函数drawAudits（Data）//数据来自另一个使用ajax调用的函数
{            
var dataTbl=new google.visualization.DataTable（）；
dataTbl.addColumn（'string'，'Months'）；
dataTbl.addColumn（'number'，'Scheduled'）；
dataTbl.addColumn（'number'，'Done'）；
dataTbl.addColumn（{type:'number'，role:'annotation'}）；
dataTbl.addColumn（{type:'number'，role:'annotation'}）；
对于（变量i=0；i

---

提前感谢。

注释。*

不受材质图表以及其他几个选项的支持。

见-->

---

以下选项将设置核心图表的样式，类似于材质

---

注：注释列应直接跟随其所代表的系列

---

请参阅以下工作片段

google.charts.load（'current'{
回调：函数（）{
变量选项={
注释：{
文本样式：{
颜色：'黑色'，
尺寸：11，
},
永远都是这样
},
图表区：{
左：36，
宽度：“100%”
},
颜色：['#17807E'，'#4285F4']，
焦点目标：“类别”，
身高：300，
图例：{
位置：'底部'
},
主题:"材料",，
标题：“xxxx”，
言辞：{
格式：'短'，
视图窗口：{
最高：12
}
},
};
抽签审核（）；
window.addEventListener（'resize'，drawAudits，false）；
功能（数据）{
var dataTbl=new google.visualization.DataTable（）；
dataTbl.addColumn（'string'，'Months'）；
dataTbl.addColumn（'number'，'Scheduled'）；
dataTbl.addColumn（{type:'number'，role:'annotation'}）；
dataTbl.addColumn（'number'，'Done'）；
dataTbl.addColumn（{type:'number'，role:'annotation'}）；
数据=[
{月份：'1'，全体听众：10，多诺迪斯：5}，
{月份：'2月'，所有观众：10人，观众：6人}
];
对于（变量i=0；i

是的，这是可行的，但我不喜欢这里的景色：（我用了..google.charts.Bar（..）来做这个。现在我的图表在parent div中变小了。它看起来不像你的例子。我如何修正它的样式？（顺便说一句，谢谢：））我不确定我是否遵循了这个问题，但看到上面所做的更改--为
图表区
和
图例
添加了选项。哦，现在明白了。我想我应该寻找我想要的。你的回答很有帮助，非常感谢：）
theme: 'material'