Charts 从Google注释图表中删除缩放按钮

我正在尝试从Google注释图表的缩放菜单中删除1h、1d、5d：

我发现有一篇文章指出了实现这一点的方法，那就是在chart.draw函数中添加以下内容，但它没有做任何事情。请告知

    chart.draw(data, options);
    $("#chart_div_AnnotationChart_zoomControlContainer_hour").remove(); 
    $("#chart_div_AnnotationChart_zoomControlContainer_day").remove();}; 

您可以使用图表选项-->

显示ZoomButtons

var options = {
  displayZoomButtons: false
};

请参阅以下工作片段

google.charts.load（'current'{
软件包：['annotationchart']
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'number'，'WTI'）；
数据。添加栏（“编号”，“美国天然气离岸价格”）；
data.addRows([
[新日期（2015年0月1日），5日，空]，
[新日期（2015年0月4日），1日，空]，
[新日期（2015年0月7日），3日，空]，
[新日期（2015年10月0日），5日，空]，
[新日期（2015年0月13日），3日，空]，
[新日期（2015年0月16日），7日，空]，
[新日期（2015年0月19日），3日，空]，
[新日期（2015年0月22日），4日，空]，
[新日期（2015年0月25日），9日，空]，
[新日期（2015年0月28日），8日，空]，
[新日期（2015年0月31日），6日，无效]
]);
变量选项={
显示ZoomButtons:false
};
var chart=new google.visualization.AnnotationChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
});
您还可以使用事件侦听器隐藏特定的缩放按钮（注意如何在
chart.draw（）之前添加侦听器）
：

google.charts.load（'current'{
软件包：['annotationchart']
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'date'，'date'）；
data.addColumn（'number'，'WTI'）；
数据。添加栏（“编号”，“美国天然气离岸价格”）；
data.addRows([
[新日期（2015年0月1日），5日，空]，
[新日期（2015年0月4日），1日，空]，
[新日期（2015年0月7日），3日，空]，
[新日期（2015年10月0日），5日，空]，
[新日期（2015年0月13日），3日，空]，
[新日期（2015年0月16日），7日，空]，
[新日期（2015年0月19日），3日，空]，
[新日期（2015年0月22日），4日，空]，
[新日期（2015年0月25日），9日，空]，
[新日期（2015年0月28日），8日，空]，
[新日期（2015年0月31日），6日，无效]
]);
变量选项={
displayZoomButtons：真
};
var chart=new google.visualization.AnnotationChart（document.getElementById（'chart\u container'）；
google.visualization.events.addListener（图表'ready'，hideUnwantedZoomButtons）；
图表绘制（数据、选项）；
});
函数hideUnwantedZoomButtons（）{
常量按钮=文档
.getElementById（'chart\u container\u AnnotationChart\u ZoomControl container'）
.getElementsByTagName（“按钮”）；
const threeMonthButtonId='chart_container_AnnotationChart_ZoomControl container_3-Monters'；
让三个月的按键；
for（设i=0；i

请参见
卓越上的工作示例！非常感谢！他们一让我回答，我就会接受。干杯
google.charts.load('current', {
  packages: ['annotationchart']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addColumn('number', 'WTI');
  data.addColumn('number', 'Nat Gas FOB US');
  data.addRows([
    [new Date(2015, 0, 1), 5, null],
    [new Date(2015, 0, 4), 1, null],
    [new Date(2015, 0, 7), 3, null],
    [new Date(2015, 0, 10), 5, null],
    [new Date(2015, 0, 13), 3, null],
    [new Date(2015, 0, 16), 7, null],
    [new Date(2015, 0, 19), 3, null],
    [new Date(2015, 0, 22), 4, null],
    [new Date(2015, 0, 25), 9, null],
    [new Date(2015, 0, 28), 8, null],
    [new Date(2015, 0, 31), 6, null]
  ]);

  var options = {
    displayZoomButtons: true
  };

  var chart = new google.visualization.AnnotationChart(document.getElementById('chart_container'));
  google.visualization.events.addListener(chart, 'ready', hideUnwantedZoomButtons);
  chart.draw(data, options);
});

function hideUnwantedZoomButtons() {
    const buttons = document
        .getElementById('chart_container_AnnotationChart_zoomControlContainer')
        .getElementsByTagName('button');
    const threeMonthButtonId = 'chart_container_AnnotationChart_zoomControlContainer_3-months';
    let threeMonthButtonKey;
    for (let i = 0; i < buttons.length; i++) {
        if (buttons[i].id === threeMonthButtonId) {
            threeMonthButtonKey = i;
        }
    }
    if (threeMonthButtonKey === 'undefined') {
        return;
    }
    for (let i = threeMonthButtonKey; i < buttons.length - 1; i++) {
        buttons[i].hidden = true;
    }
}