Css 谷歌条形图数据标签定位

如何更改谷歌条形图数据标签的位置？ 我想有数据标签（20032004，…）之间的酒吧-不是直接低于他们，因为它是现在

---

以下是一些选项

我添加了

null

行来分隔数据，并将标签移动到

null

行

这会导致标签出现在第二行。
我认为

maxAlternation

可能会纠正这个问题，但只会使文本倾斜

图表1在我看来是最好的

google.charts.load（'current'，{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawVisualization）；
函数drawVisualization（）{
//为标签放置添加空数据
var data=google.visualization.arrayToDataTable([
[“年”、“奥地利”、“保加利亚”、“丹麦”、“希腊”]，
[null，13360060403610015829974]，
['2003'，空，空，空，空]，
[null，15381563668491119450941795]，
['2004'，空，空，空，空]，
[null，1576579440514993360930593]，
['2005'，空，空，空，空]，
[null，16006524345521004163897127]，
['2006'，空，空，空，空]，
[null，1968113，393032，979198，1080887]，
['2007'，空，空，空，空]，
[null，1901067，517206，916965，1056036]，
['2008'，空，空，空，空]
]);
变量选项={
宽度：600，
身高：400，
言辞：{
标题：“年”
},
isStacked：是的，
哈克斯：{
标题：“杯子”
}
};
//标签显示在第二行（当然）
options.title='CHART_0'；
var chart1=新的google.visualization.ColumnChart(
document.getElementById（'chart0'）
).绘制（数据、选项）；
//maxAlternation使文本倾斜
options.title='CHART_1'；
options.hAxis.maxAlternation=1；
var chart1=新的google.visualization.ColumnChart(
document.getElementById（'chart1'）
).绘制（数据、选项）；
//只能控制倾斜1-90
//设置为零会导致标签不显示
options.title='CHART_2'；
options.hAxis.slangedText=true；
options.hAxis.slangedTextAngle=90；
var chart1=新的google.visualization.ColumnChart(
document.getElementById（'chart2'）
).绘制（数据、选项）；
drawVisualizationLeft（）；
}
函数drawVisualizationLeft（）{
//为标签放置添加空数据
var data=google.visualization.arrayToDataTable([
[“年”、“奥地利”、“保加利亚”、“丹麦”、“希腊”]，
['2003'，空，空，空，空]，
[null，13360060403610015829974]，
['2004'，空，空，空，空]，
[null，15381563668491119450941795]，
['2005'，空，空，空，空]，
[null，1576579440514993360930593]，
['2006'，空，空，空，空]，
[null，16006524345521004163897127]，
['2007'，空，空，空，空]，
[null，1968113，393032，979198，1080887]，
['2008'，空，空，空，空]，
[null，1901067，517206，916965，1056036]
]);
变量选项={
宽度：600，
身高：400，
言辞：{
标题：“年”
},
isStacked：是的，
哈克斯：{
标题：“杯子”
}
};
//maxAlternation使文本倾斜
options.title='CHART_3'；
options.hAxis.maxAlternation=1；
var chart3=新的google.visualization.ColumnChart(
document.getElementById（'chart3'）
).绘制（数据、选项）；
}

---

以下是一些选项

我添加了

null

行来分隔数据，并将标签移动到

null

行

这会导致标签出现在第二行。
我认为

maxAlternation

可能会纠正这个问题，但只会使文本倾斜

图表1在我看来是最好的

google.charts.load（'current'，{packages:['corechart']}）；
google.charts.setOnLoadCallback（drawVisualization）；
函数drawVisualization（）{
//为标签放置添加空数据
var data=google.visualization.arrayToDataTable([
[“年”、“奥地利”、“保加利亚”、“丹麦”、“希腊”]，
[null，13360060403610015829974]，
['2003'，空，空，空，空]，
[null，15381563668491119450941795]，
['2004'，空，空，空，空]，
[null，1576579440514993360930593]，
['2005'，空，空，空，空]，
[null，16006524345521004163897127]，
['2006'，空，空，空，空]，
[null，1968113，393032，979198，1080887]，
['2007'，空，空，空，空]，
[null，1901067，517206，916965，1056036]，
['2008'，空，空，空，空]
]);
变量选项={
宽度：600，
身高：400，
言辞：{
标题：“年”
},
isStacked：是的，
哈克斯：{
标题：“杯子”
}
};
//标签显示在第二行（当然）
options.title='CHART_0'；
var chart1=新的google.visualization.ColumnChart(
document.getElementById（'chart0'）
).绘制（数据、选项）；
//maxAlternation使文本倾斜
options.title='CHART_1'；
options.hAxis.maxAlternation=1；
var chart1=新的google.visualization.ColumnChart(
document.getElementById（'chart1'）
).绘制（数据、选项）；
//只能控制倾斜1-90
//设置为零会导致标签不显示
options.title='CHART_2'；
options.hAxis.slangedText=true；
options.hAxis.slangedTextAngle=90；
var chart1=新的google.visualization.ColumnChart(
document.getElementById（'chart2'）
).绘制（数据、选项）；
drawVisualizationLeft（）；
}
函数drawVisualizationLeft（）{
//为标签放置添加空数据
var data=google.visualization.arrayToDataTable([
function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria', 'Bulgaria', 'Denmark', 'Greece'],
    ['2003',  1336060,    400361,    1001582,   997974],
    ['2004',  1538156,    366849,    1119450,   941795],
    ['2005',  1576579,    440514,    993360,    930593],
    ['2006',  1600652,    434552,    1004163,   897127],
    ['2007',  1968113,    393032,    979198,    1080887],
    ['2008',  1901067,    517206,    916965,    1056036]
  ]);

  // Create and draw the visualization.
  new google.visualization.ColumnChart(document.getElementById('chart')).
      draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            vAxis: {title: "Year"}, isStacked: true,
            hAxis: {title: "Cups"}}
      );
}

google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawVisualization);