google-visualization - 最小值小于零的谷歌面积图

Question

如何让谷歌图表显示以最小值而不是零为原点的面积图？

在本例中，我希望蓝色区域从 -2000 开始。

这是小提琴.. http://jsfiddle.net/C87eD/

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

  // Create and draw the visualization.
  var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
  ac.draw(data, {
    title : 'Monthly Coffee Production by Country',
    isStacked: true,
    width: 600,
    height: 400,
    vAxis: {
      title: "Cups",
      viewWindowMode:'explicit',
      viewWindow: {
        min: -2000
      }
    },
    hAxis: {title: "Month"}
  });
}

Answer 1

一种可能性是使用值 -2000 和 2000 的两个虚拟列将第一个有用值推为 0：

  var data = google.visualization.arrayToDataTable([
    ['Month',   'dummy1', 'dummy2', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda'],
    ['2004/05',    -2000, 2000, 165,      938,         522,             998,           450],
    ['2005/06',    -2000, 2000, 135,      1120,        599,             1268,          288],
    ['2006/07',    -2000, 2000, 157,      1167,        587,             807,           397],
    ['2007/08',    -2000, 2000, 139,      1110,        615,             968,           215],
    ['2008/09',    -2000, 2000, 136,      691,         629,             1026,          366]
  ]);

并添加从图例中删除虚拟系列的选项：

series: {
    0: {
        visibleInLegend: false
    },
    1: {
        visibleInLegend: false
    }
}

请参阅jsfiddle 中的示例。