Javascript 使用Google图表API强制在堆叠条形图中显示注释

我有一个堆叠的条形图，我需要在其中注释条形图中的条形图

我成功地为酒吧做了注释，但那是在外面出现的

如何使用对比色强制在条内添加注释。我也使用了这个类，但不幸的是没有注释

google.charts.load（“当前”{
软件包：[“corechart”]
});
google.charts.setOnLoadCallback（drawChart）；
变量条形图数据=[
[“材料”、“成本”、“利润”{
“角色”：“风格”
}, {
“角色”：“风格”
}],
[“A”、235.53117.765、“颜色：蓝色”、“颜色：红色”]，
[“B”、35.28、14.8176、“颜色：蓝色”、“颜色：红色”]，
[“C”，495207.9，“颜色：蓝色”，“颜色：红色”]，
[“D”、44.52、18.6984、“颜色：蓝色”、“颜色：红色”]，
[“E”、69.56、29.2152、“颜色：蓝色”、“颜色：红色”]，
[“F”、4.5、1.89、“颜色：蓝色”、“颜色：红色”]，
[“G”，16.62，6.9804，“颜色：蓝色”，“颜色：红色”]，
[“H”、74.88、31.4495999997、“颜色：蓝色”、“颜色：红色”]，
[“I”、21.2、8.904、“颜色：蓝色”、“颜色：红色”]，
[“J”，4.8，2.016，“颜色：蓝色”，“颜色：红色”]，
[“K”，400168，“颜色：蓝色”，“颜色：红色”]，
[“L”、4.88、2.0496、“颜色：蓝色”、“颜色：红色”]，
[“M”，45，18.9，“颜色：蓝色”，“颜色：红色”]，
[“N”，0，0，“颜色：蓝色”，“颜色：红色”]，
[“O”，9，3.78，“颜色：蓝色”，“颜色：红色”]，
[“P”，4，1.68，“颜色：蓝色”，“颜色：红色”]，
[“Q”、4.16、1.7472、“颜色：蓝色”、“颜色：红色”]
]
函数绘图图（）{
var data=google.visualization.arrayToDataTable（条形图数据）；
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1{
计算：“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
}，3，//正如您所指出的，没有“始终在内部”选项。

默认情况下，图表通常会在内部放置注释，

只要有足够的空间

在这种情况下，我相信它们不会出现在内部的原因，

是因为字体太大了

由于轴上的字体已减少，

减少注释的字体，

允许在条形图内部绘制它们

    annotations: {
              textStyle: {
                 fontSize: 8,
                 fontName: 'Muli',
                 bold: false,
              },
           },

请参阅以下工作片段



google.charts.load（“当前”{
软件包：[“corechart”]
});
google.charts.setOnLoadCallback（drawChart）；
变量条形图数据=[
[“材料”、“成本”、“利润”{
“角色”：“风格”
}, {
“角色”：“风格”
}],
[“A”、235.53117.765、“颜色：蓝色”、“颜色：红色”]，
[“B”、35.28、14.8176、“颜色：蓝色”、“颜色：红色”]，
[“C”，495207.9，“颜色：蓝色”，“颜色：红色”]，
[“D”、44.52、18.6984、“颜色：蓝色”、“颜色：红色”]，
[“E”、69.56、29.2152、“颜色：蓝色”、“颜色：红色”]，
[“F”、4.5、1.89、“颜色：蓝色”、“颜色：红色”]，
[“G”，16.62，6.9804，“颜色：蓝色”，“颜色：红色”]，
[“H”、74.88、31.4495999997、“颜色：蓝色”、“颜色：红色”]，
[“I”、21.2、8.904、“颜色：蓝色”、“颜色：红色”]，
[“J”，4.8，2.016，“颜色：蓝色”，“颜色：红色”]，
[“K”，400168，“颜色：蓝色”，“颜色：红色”]，
[“L”、4.88、2.0496、“颜色：蓝色”、“颜色：红色”]，
[“M”，45，18.9，“颜色：蓝色”，“颜色：红色”]，
[“N”，0，0，“颜色：蓝色”，“颜色：红色”]，
[“O”，9，3.78，“颜色：蓝色”，“颜色：红色”]，
[“P”，4，1.68，“颜色：蓝色”，“颜色：红色”]，
[“Q”、4.16、1.7472、“颜色：蓝色”、“颜色：红色”]
]
函数绘图图（）{
var data=google.visualization.arrayToDataTable（条形图数据）；
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1{
计算：“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
}，3，//正如您所指出的，没有“始终在内部”选项。

默认情况下，图表通常会在内部放置注释，

只要有足够的空间

在这种情况下，我相信它们不会出现在内部的原因，

是因为字体太大了

由于轴上的字体已减少，

减少注释的字体，

允许在条形图内部绘制它们

    annotations: {
              textStyle: {
                 fontSize: 8,
                 fontName: 'Muli',
                 bold: false,
              },
           },

请参阅以下工作片段



google.charts.load（“当前”{
软件包：[“corechart”]
});
google.charts.setOnLoadCallback（drawChart）；
变量条形图数据=[
[“材料”、“成本”、“利润”{
“角色”：“风格”
}, {
“角色”：“风格”
}],
[“A”、235.53117.765、“颜色：蓝色”、“颜色：红色”]，
[“B”、35.28、14.8176、“颜色：蓝色”、“颜色：红色”]，
[“C”，495207.9，“颜色：蓝色”，“颜色：红色”]，
[“D”、44.52、18.6984、“颜色：蓝色”、“颜色：红色”]，
[“E”、69.56、29.2152、“颜色：蓝色”、“颜色：红色”]，
[“F”、4.5、1.89、“颜色：蓝色”、“颜色：红色”]，
[“G”，16.62，6.9804，“颜色：蓝色”，“颜色：红色”]，
[“H”、74.88、31.4495999997、“颜色：蓝色”、“颜色：红色”]，
[“I”、21.2、8.904、“颜色：蓝色”、“颜色：红色”]，
[“J”，4.8，2.016，“颜色：蓝色”，“颜色：红色”]，
[“K”，400168，“颜色：蓝色”，“颜色：红色”]，
[“L”、4.88、2.0496、“颜色：蓝色”、“颜色：红色”]，
[“M”，45，18.9，“颜色：蓝色”，“颜色：红色”]，
[“N”，0，0，“颜色：蓝色”，“颜色：红色”]，
[“O”，9，3.78，“颜色：蓝色”，“颜色：红色”]，
[“P”，4，1.68，“颜色：蓝色”，“颜色：红色”]，
[“Q”、4.16、1.7472、“颜色：蓝色”、“颜色：红色”]
]
函数绘图图（）{
var data=google.visualization.arrayToDataTable（条形图数据）；
var view=newgoogle.visualization.DataView（数据）；
view.setColumns（[0,1,1{
计算：“字符串化”，
资料来源专栏：1，
键入：“字符串”，
角色：“注释”
}，3，//这个问题运气好吗？这个问题运气好吗？