谷歌堆积面积图不起作用答案

【问题标题】：Google stacked area chart not working谷歌堆积面积图不起作用
【发布时间】：2016-05-21 17:11:28
【问题描述】：

我想做google堆积面积图。

这里是 js 小提琴： Js Fiddle

我也尝试添加堆叠区域的选项：

var options_fullStacked = {
          isStacked: 'relative',
          height: 300,
          legend: {position: 'top', maxLines: 3},
          vAxis: {
            minValue: 0,
            ticks: [0, .3, .6, .9, 1]
          }
        };

在谷歌图表的文档中可以找到：stacked area

我想显示如下图：

请忽略此图中除折线图和地图之间显示的堆积面积图之外的所有其他内容

【问题讨论】：

对于初学者来说，isStacked 是布尔值 -- true 或 false -- 不能是 'relative'
我试过了，没用。

标签： javascript charts google-visualization stacked-area-chart

【解决方案1】：

似乎在这里工作，你可以分享更多吗？

请参阅以下示例...

isStacked: true

google.charts.load('current', {
  callback: function () {
    new google.visualization.AreaChart(document.getElementById('chart_div')).draw(
      google.visualization.arrayToDataTable([
        ['Year', 'Sales', 'Expenses'],
        ['2013',  1000,      400],
        ['2014',  1170,      460],
        ['2015',  660,       1120],
        ['2016',  1030,      540]
      ]),
      {
        title: 'Company Performance',
        isStacked: true,
        hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
        vAxis: {minValue: 0}
      }
    );
  },
  packages:['corechart']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

isStacked: false

google.charts.load('current', {
  callback: function () {
    new google.visualization.AreaChart(document.getElementById('chart_div')).draw(
      google.visualization.arrayToDataTable([
        ['Year', 'Sales', 'Expenses'],
        ['2013',  1000,      400],
        ['2014',  1170,      460],
        ['2015',  660,       1120],
        ['2016',  1030,      540]
      ]),
      {
        title: 'Company Performance',
        isStacked: false,
        hAxis: {title: 'Year',  titleTextStyle: {color: '#333'}},
        vAxis: {minValue: 0}
      }
    );
  },
  packages:['corechart']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
}

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

【讨论】：