合并堆积条形图的总计

亚历克斯

我在每个小节中有两个无符号整数:X和Y。X
总是小于Y,因为它是它的子集。

我想将这两个值合并到一个栏中。但是,堆积条形图将这些值相加而不是“重叠”。

这就是isStacked: true结果:
XXXYYYYY(3X + 5Y,轴上升到8)

这就是我的目标:(
XXXYY在5y内3倍,Axis上升到5)

如何将这些值“合并”到仅基于Y的一个条中,从而不影响轴的最大值?

白帽

数据将需要调整,设置图表选项将无法获取。

您可以创建视图,添加计算列并排除原始Y ...

google.charts.load('current', {
  packages: ['corechart'],
  callback: drawChart
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Year', 'X', 'Y'],
    ['2016', 3, 5]
  ]);

  var view = new google.visualization.DataView(data);
  view.setColumns([0, 1, {
    calc: function (data, row) {
      return {
        v: data.getValue(row, 2) - data.getValue(row, 1),
        f: data.getValue(row, 2).toString()
      };
    },
    type: 'number',
    label: 'Y'
  }]);

  var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
  chart.draw(view, {isStacked: true});
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章