设置上水平堆积条形图垂直轴的垂直高度

enter image description here

如果更改高度属性50和groupWidth到40％，图例消失，图表看起来像这样： enter image description here

问题1：如何设置酒吧的高度并仍然显示图例？
问题2：我怎样才能让水平和垂直轴消失？

什么我真的想做到的是这样一幅画面：

enter image description here

<html> 
    <head> 
    <script type="text/javascript" src="https://www.google.com/jsapi"></script> 
    <script type="text/javascript"> 
     google.load("visualization", "1", {packages:["corechart"]}); 
     google.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
      [' ', 'Sales', 'Expenses'], 
      [0 , 1000,  400], 
     ]); 

     var options = { 
      isStacked: true, 
      width: 200, 
      height: 60, 
      vAxis: {gridlines: {count: 0}},      
      hAxis: {gridlines: {count: 0}},   
      bar: {groupWidth: "90%"}, 
      legend: {position: 'top'} 

     }; 

     var chart = new google.visualization.BarChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
     } 
    </script> 
    </head> 
    <body> 
    <div id="chart_div" ></div> 
    </body> 
</html>

来源

2014-01-06 M Schenkel

设置chartArea.top选项向下移动图表区域，并赋予传奇房间画：

chartArea: { 
    top: 15 
}

jsfiddle

来源

2014-01-06 19:07:36 asgallant

每这一点 - 回答了关于这个传说的部分。你偶然知道如何摆脱垂直和水平轴线？ –

其实只是自己找到了：** baselineColor：'none'** –

设置上水平堆积条形图垂直轴的垂直高度

回答

相关问题