文章/答案/技术大牛

发布

社区首页 >问答首页 >谷歌堆叠区域图不起作用

问谷歌堆叠区域图不起作用
EN

Stack Overflow用户

提问于 2016-05-21 17:11:28

回答 1查看 362关注 0票数 1

我想完成谷歌堆叠的区域图。

这是js小提琴：Js Fiddle

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

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

它可以在google图表的文档中找到：堆叠面积

我想显示它如下图所示：

请忽略此图中的其他所有内容，除了显示在线条图和地图之间的堆叠区域图之外。

charts

google-visualization

stacked-area-chart

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-05-21 20:24:35

好像在这里工作，还有更多你可以分享的吗？

见以下例子..。

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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37365870

复制

相似问题

问谷歌堆叠区域图不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌堆叠区域图不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问谷歌堆叠区域图不起作用
EN