簡體   English   中英

Google Charts API:x軸上有多個標簽行嗎?

[英]Google Charts API: more than one label rows on x axis?

我有這張圖表,它是顯示多個數據的條形圖。 數據按年份(2014、2015)和季度(Q1,Q2,Q3,Q4)划分。 我可以顯示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>

這是結果(我在油漆中加上了幾年):

在此處輸入圖片說明

任何想法如何做到這一點?

我記得有時會看到以下帖子,它使您可以添加多個x軸詳細信息。 也許這會有所幫助:

http://www.lornajane.net/posts/2011/adding-multiple-axis-labels-to-a-google-chart

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM