vAxis 值在條形圖中不可見：谷歌圖表

Question

如圖所示，我在垂直軸上的值不可見：

.

我的代碼可能有什么問題？

      function drawVisualization() {
    google.visualization.drawChart({
      containerId: 'visualization',
      dataSourceUrl: 'http://www.google.com/fusiontables/gvizdata?tq=',
      query: 'SELECT Environment, GirlPupils, BoyPupils, FemaleTeachers, MaleTeachers FROM 1eC4sIAgVXfFj01mOM2cDiyW2nly7TcFeIXj1G3s',
      chartType: 'BarChart',
      options: {
        title: 'Number of Students and Teachers',
        vAxis: {
          title: 'Environment'
        },
        hAxis: {
          title: 'Number'
        }
      }
    });
  }

Answer 1

正如我從圖像中可以看出的，實際上顯示了垂直值！ 問題是

1. 您為圖表容器設置的高度很小，試圖顯示很多條形

2. vAxis 的 fontSize 相對較大

3. 通常會出現左側空間不足的問題

將<div>容器的高度更改為實際上可以容納許多條的高度：

<div id="visualization" style="height:1000px;"></div>

更改 vAxis 的 fontSize 並在 chartArea 左側添加一些空間

options: {
   title: 'Number of Students and Teachers',
   vAxis: {
      title: 'Environment',
      textStyle : { fontSize : 7 }
   },
      hAxis: {
      title: 'Number'
   },
   chartArea: {left: "150",top: 0 }
}

---

編輯 ：

為了僅選擇Environment為 Rural、Urban 或 Peri Urban 的列，請將查詢更改為

SELECT Environment, GirlPupils, BoyPupils, FemaleTeachers, MaleTeachers 
FROM 1eC4sIAgVXfFj01mOM2cDiyW2nly7TcFeIXj1G3s 
WHERE Environment IN ('Rural', 'Urban','Peri Urban')

請注意，FusionTables 不支持普通 SQL 語法OR ，您必須使用IN 。 字符串也必須用單引號'' 。