谷歌圖表軸線沒有得到

Question

目前我使用谷歌的圖表，以顯示我的.NET Web application.I報告使用谷歌的組合圖表時許，列charts.Here是我使用的示例代碼。

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawVisualization); 

     function drawVisualization() { 
     // Some raw data (not necessarily accurate) 
     var data = google.visualization.arrayToDataTable([ 
     ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'], 
     ['2004/05', 165,  938,   522,    998,   450,  614.6], 
     ['2005/06', 135,  1120,  599,    1268,   288,  682], 
     ['2006/07', 157,  1167,  587,    807,   397,  623], 
     ['2007/08', 139,  1110,  615,    968,   215,  609.4], 
     ['2008/09', 136,  691,   629,    1026,   366,  569.6] 
     ]); 

    var options = { 
     title : 'Monthly Coffee Production by Country', 
     vAxis: {title: 'Cups'}, 
     hAxis: {title: 'Month'}, 
     seriesType: 'bars', 
     series: {5: {type: 'line'}} 
    }; 

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
    chart.draw(data, options); 
    } 
    </script> 

    <div id="chart_div" style="width: 900px; height: 500px;"></div> 

在i執行此代碼我正在歌廳的水平網格線，但我想一個垂直網格線也從「0」開始position.I想垂直網格線像下面URL（圖象）中所示。如何我可以通過使用谷歌appriciated可視化API.Your幫助WIL acheive它...

http://chart.apis.google.com/chart?cht=bvs&chs=500x300&chd=t:50,60,80,40,20,40,30&chxt=x,y&chxl=0%3a|A|B|C|D|E|F|G&chdl=A%3DStupidTest1|B%3DStupidTest2|C%3DStupidTest3|D%3DStupidTest4|E%3DStupidTest5|F%3DStupidTest6|G%3DStupidTest7

Answer 1

有兩種可能的解決辦法，我知道的，但兩者的解決方案規定水平幾個月值是連續的 - 意味着它應該將數據列類型設置爲以下之一：數字，日期，日期時間或時間日期。你的字符串是月份列。

解決方案1 ​​ - 使用的數值爲一個月，你可以使用日期和格式化與hAxis： '一些日期格式'，並使用基線：0

 <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
 
    <script type="text/javascript"> 
 
     google.load("visualization", "1", {packages:["corechart"]}); 
 
     google.setOnLoadCallback(drawVisualization); 
 

 
     function drawVisualization() { 
 
     // Some raw data (not necessarily accurate) 
 
     var data = google.visualization.arrayToDataTable([ 
 
     ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'], 
 
     [1, 165,  938,   522,    998,   450,  614.6], 
 
     [2, 135,  1120,  599,    1268,   288,  682], 
 
     [3, 157,  1167,  587,    807,   397,  623], 
 
     [4, 139,  1110,  615,    968,   215,  609.4], 
 
     [5, 136,  691,   629,    1026,   366,  569.6] 
 
     ]); 
 

 
    var options = { 
 
     title : 'Monthly Coffee Production by Country', 
 
     vAxis: {title: 'Cups', gridlines:{count:3}}, 
 
     hAxis: {title: 'Month', baseline:0}, 
 
     seriesType: 'bars', 
 
     series: {5: {type: 'line'}} 
 
    }; 
 
\t 
 
\t 
 
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    } 
 
    </script> 
 

 
    <div id="chart_div" style="width: 900px; height: 500px;"></div>

解決方案2 - 在這裏也用數值爲一個月，但此時使用蜱：[{v：0}]

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
 
    <script type="text/javascript"> 
 
     google.load("visualization", "1", {packages:["corechart"]}); 
 
     google.setOnLoadCallback(drawVisualization); 
 

 
     function drawVisualization() { 
 
     // Some raw data (not necessarily accurate) 
 
     var data = google.visualization.arrayToDataTable([ 
 
     ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'], 
 
     [1, 165,  938,   522,    998,   450,  614.6], 
 
     [2, 135,  1120,  599,    1268,   288,  682], 
 
     [3, 157,  1167,  587,    807,   397,  623], 
 
     [4, 139,  1110,  615,    968,   215,  609.4], 
 
     [5, 136,  691,   629,    1026,   366,  569.6] 
 
     ]); 
 

 
    var options = { 
 
     title : 'Monthly Coffee Production by Country', 
 
     vAxis: {title: 'Cups', gridlines:{count:3}}, 
 
     hAxis: {title: 'Month', ticks: [{v:0}]}, 
 
     seriesType: 'bars', 
 
     series: {5: {type: 'line'}} 
 
    }; 
 
\t 
 
\t 
 
    var chart = new google.visualization.ComboChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    } 
 
    </script> 
 

 
    <div id="chart_div" style="width: 900px; height: 500px;"></div> 
 
\t 
 
\t 
 
\t