Javascript Google条形图将x轴标签移动到顶部

我正在使用谷歌条形图，我想将x轴标签移到顶部。我已经写了代码，但它没有发生。请检查小提琴和屏幕截图。 有什么建议吗

谢谢

`https://jsfiddle.net/n5paq0r9/`

仅适用于材料图表

物料条形图

google.charts.Bar

与核心条形图对比

google.visualization.BarChart

请参阅以下工作片段

google.charts.load（'current'，{packages:['bar']}）；
google.charts.setOnLoadCallback（rubsic）；
函数（SIC）{
var data=google.visualization.arrayToDataTable([
['App Name'，'Density'，{role:'style'}，{role:'annotation'}]，
[“我的测试应用程序名称出现在此处”，6.94，“蓝色”，“我的测试应用程序名称出现在此处”]，
[“我的测试应用程序名称出现在此处”，10.49，“蓝色”，“我的测试应用程序名称出现在此处”]，
[“我的测试应用程序名称出现在此处”，19.30，“蓝色”，“我的测试应用程序名称出现在此处”]，
[“我的测试应用程序名称出现在此处”，24，“蓝色”，“我的测试应用程序名称出现在此处”]，
[“我的测试应用程序名称出现在此处”，5.30，“蓝色”，“我的测试应用程序名称出现在此处”]，
['我的测试应用程序名称出现在此处'，2.30，'蓝色'，'我的测试应用程序名称出现在此处'，
[“我的测试应用程序名称出现在此处”，21.45，“蓝色”，“我的测试应用程序名称出现在此处”]
]);
变量选项={
图表区：{宽度：“90%”，
身高：500，
图例：{位置：'无'}，
vAxis:{textStyle:{color:'#005500'，fontSize:'12'，paddingRight:'100'，marginRight:'100'}，
hAxis:{textStyle:{color:'#005500'，fontSize:'11'，paddingRight:'100'，marginRight:'100'}，
酒吧：“水平”，
轴：{
x:{
0:{side:'top'}
}                     
}     
};
var chart=new google.charts.Bar（document.getElementById（'chart_div'）；
绘制（数据，google.charts.Bar.convertOptions（选项））；
}
$（窗口）。调整大小（函数（）{
单质（）；
});

。
.
.
.
之后

添加此代码

var height = options.height;
            var array = $("#chart_div svg g").children()[3].children;
            for (var i = 0; i < array.length; i++) {

                $("text").removeClass("currentNode");
                array[i].children[0].setAttribute("class", "currentNode");
                var y = height - parseFloat($(".currentNode").attr("y"));
                $(".currentNode").attr("y", y);
            }

var height=options.height；
var array=$（“#chart_div svg”）.children（）[3]。children；
对于（var i=0；i

谢谢您抽出时间。它工作正常，但注释似乎没有出现在图表中？我们如何向物料条形图添加批注？有几个选项，包括批注，在物料图表上根本不起作用。在修改图表之前，您应该等待
'ready'
，图表数据越多/绘制时间越长，否则可能会导致错误…@WhiteHat您是对的，但在异步ajax调用的情况下会发生这种情况，请参见这里的
图表。绘制（数据，选项）
使用同步调用先完成此请求，然后再执行其他代码。这不会影响结果：）
var height = options.height;
            var array = $("#chart_div svg g").children()[3].children;
            for (var i = 0; i < array.length; i++) {

                $("text").removeClass("currentNode");
                array[i].children[0].setAttribute("class", "currentNode");
                var y = height - parseFloat($(".currentNode").attr("y"));
                $(".currentNode").attr("y", y);
            }