私は1時間、1D、私のGoogleの注釈チャート上のズームメニューから5dを削除しようとしているGoogleの注釈チャート

Question

からズームボタンを削除します。

を私はへの道を示しつのポストを見つけましたそれを達成するには、以下をchart.draw関数に追加するだけでしたが、何もしていません。お知らせ下さい。あなたが使用することができます

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

Answer 1

チャートオプション] - > [

var options = { 
    displayZoomButtons: false 
}; 

が作業スニペットを次のように表示displayZoomButtons

...

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: false 
 
    }; 
 

 
    var chart = new google.visualization.AnnotationChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>