Javascript 谷歌图表API:x轴上有多个标签行?

Javascript 谷歌图表API:x轴上有多个标签行?,javascript,charts,google-visualization,Javascript,Charts,Google Visualization,我有这个图表,它是一个显示多个数据的条形图。数据按年度(2014年、2015年)和季度(第一季度、第二季度、第三季度、第四季度)划分。我可以在x轴上显示季度或年份,但不能同时显示两者。我做了一个截图,把这些年放在那里,展示我想要实现的目标 <html> <head> <script type="text/javascript" src="https://www.google.com/jsapi"></script> </head>

我有这个图表,它是一个显示多个数据的条形图。数据按年度(2014年、2015年)和季度(第一季度、第二季度、第三季度、第四季度)划分。我可以在x轴上显示季度或年份,但不能同时显示两者。我做了一个截图,把这些年放在那里,展示我想要实现的目标

<html>
 <head>
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
 </head>
 <body>
  <script type="text/javascript">
   google.load('visualization', '1.1', {packages: ['bar']});
   google.setOnLoadCallback(drawBasic);
   function drawBasic() {

  //create data table object
  var data = google.visualization.arrayToDataTable([
      ['','Sales', 'Expenses'],
      ['Q1',1000, 400],
      ['Q2',1000, 400],
      ['Q3',1170, 460],
      ['Q4',900, 500],
      ['Q1',1400, 420],
      ['Q2',1240, 750],
      ['Q3',1001, 360],
      ['Q4',788, 800]
    ]);
  var options = {
    width: 800, height: 600, is3D: false, title: 'Company Earnings'
  };
  var chart = new google.charts.Bar(
    document.getElementById('chart_div'));

 chart.draw(data, google.charts.Bar.convertOptions(options));
}
 </script>
 <div id="chart_div"></div>
</body>
</html>

load('visualization','1.1',{packages:['bar']});
setOnLoadCallback(rubsic);
函数(SIC){
//创建数据表对象
var data=google.visualization.arrayToDataTable([
['','销售','费用'],
[Q1',1000400],
[Q2',1000400],
[Q3',1170460],
[Q4',900500],
[Q1',1400420],
[Q2',1240750],
[Q3',1001360],
[Q4',788800]
]);
变量选项={
宽度:800,高度:600,is3D:false,标题:“公司收益”
};
var chart=new google.charts.Bar(
document.getElementById('chart_div');
绘制(数据,google.charts.Bar.convertOptions(选项));
}
以下是结果(我加上了在油漆中的年份):


有没有办法做到这一点?

我记得不久前看到了下面的帖子,它允许你添加多个x轴细节。或许这将有助于:


我记得不久前看到了下面的帖子,它允许您添加多个x轴细节。或许这将有助于:


谢谢。不幸的是,这是过时的API。我在新版本中找不到这样的例子。另一个选择可能是使用普通的旧分层和相对定位将标签放置在顶部…只是一个想法。谢谢。不幸的是,这是过时的API。我在新版本中找不到这样的例子。另一个选择可能是使用普通的旧分层和相对定位将标签放置在顶部…只是一个想法。