Javascript 如何在google图表堆栈栏中添加索引标签

我有一个使用谷歌图表的堆栈栏

但是，我不明白怎么把标签放进去

这就是我想要实现的目标。请参阅图片附件

这是我的密码

<script type = "text/javascript" src = "https://www.gstatic.com/charts/loader.js">
          </script>
          <script type = "text/javascript">
             google.charts.load('current', {packages: ['corechart']});     
          </script>


          <div id = "container" style = "width: 550px; height: 400px; margin: 0 auto">
          </div>
          <script language = "JavaScript">
             function drawChart() {
                var data = google.visualization.arrayToDataTable([
            ['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General',
             'Western', 'Literature', { role: 'annotation' } ],
            ['2010', 10, 24, 20, 32, 18, 5, ''],
            ['2020', 16, 22, 23, 30, 16, 9, ''],
            ['2030', 28, 19, 29, 30, 12, 13, '']
          ]);

                var options = {
                                title: "h",
                                width: 600,

                                legend: { position: "none" },
                                isStacked:true
                            };

                var chart = new google.visualization.BarChart(document.getElementById('container'));
                chart.draw(data, options);
                google.visualization.events.addListener(chart, 'select', selectHandler);
                function selectHandler(e) {
                      var selection = chart.getSelection();
                      if (selection.length == true && selection[0].row != null) {
                        console.log(selection[0])
                           //alert('You selected ' +data.getValue(selection[0].row, selection[0].column));
                           //window.open(data.getValue(selection[0].row, 0));
                            window.open('https://www.google.com/search?q='+data.getValue(selection[0].row, selection[0].column));
                       } 
                    }
             }
             google.charts.setOnLoadCallback(drawChart);
          </script>

load（'current'，{packages:['corechart']}）；
函数绘图图（）{
var data=google.visualization.arrayToDataTable([
[‘流派’、‘幻想与科幻’、‘浪漫’、‘神秘/犯罪’、‘一般’，
'西方'，'文学'，{角色：'注释'}]，
['2010', 10, 24, 20, 32, 18, 5, ''],
['2020', 16, 22, 23, 30, 16, 9, ''],
['2030', 28, 19, 29, 30, 12, 13, '']
]);
变量选项={
标题：“h”，
宽度：600，
图例：{位置：“无”}，
伊斯塔克德：是的
};
var chart=new google.visualization.BarChart（document.getElementById（'container'）；
图表绘制（数据、选项）；
google.visualization.events.addListener（图表'select'，selectHandler）；
函数selectHandler（e）{
var selection=chart.getSelection（）；
if（selection.length==true&&selection[0]。行！=null）{
console.log（选择[0]）
//警报（'您选择了'+data.getValue（选择[0]。行，选择[0]。列））；
//打开（data.getValue（选择[0]。行，0））；
打开窗户https://www.google.com/search?q='+data.getValue（选择[0]。行，选择[0]。列））；
} 
}
}
google.charts.setOnLoadCallback（drawChart）；

您需要在每个系列列之后添加一个注释列，请参阅…这是在单个列中完成的。如何在堆叠栏中执行此操作？在每个系列列之后添加注释列。。。