Charts 谷歌条形图分组堆叠

下面你会发现我的分组和堆叠条形图，到目前为止效果很好。但是如何添加分组值的信息呢

如果我滚动每个块，我得到这个块的值，但我需要块的累积

示例：块1:1.000块2:1.500块3:1.000块4:2.000

如果我翻过第三个块，值必须是3.500

<script type="text/javascript" src="https://www.google.com/jsapi"></script>   
<script type="text/javascript">

  google.load('visualization', '1.1', {'packages': ['bar']});

google.setOnLoadCallback(drawStuff);

function drawStuff() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', '');
    data.addColumn('number', 'level 1');
    data.addColumn('number', 'level 2');
    data.addColumn('number', 'level 3');
    data.addColumn('number', 'level 4'); 
    data.addColumn('number', 'current value');    
    data.addRows([
        ['Team1',  {!Team1_l1}, {!Team1_l2}, {!Team1_l3}, {!Team1_l4}, {!Team1_cv}],
        ['Team2',  {!Team2_l1}, {!Team2_l2}, {!Team2_l3}, {!Team2_l4}, {!Team2_cv}],
    ]);

    var options = {
        isStacked: true,
        width: 890,
        height: 500,
        backgroundColor: '#F8F8F8',

        chartArea: { backgroundColor: '#F8F8F8' },

        chart: {
            subtitle: 'current view of the incentive'
        },        
        vAxis: {
            format: 'decimal',
            viewWindow: {
                min: 0,
                max: 30000000
            }
        },       
        series: {
            4: { targetAxisIndex: 1 }, 
            5: { targetAxisIndex: 1 }
        }
    };
    var chart = new google.charts.Bar(document.getElementById('chart_div'));
    chart.draw(data, google.charts.Bar.convertOptions(options));
}

</script>

<div id="chart_div"></div> 

load（'visualization'，'1.1'，{'packages'：['bar']}）；
setOnLoadCallback（drawStuff）；
函数drawStuff（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，''）；
data.addColumn（'number'，'level1'）；
data.addColumn（'number'，'level2'）；
data.addColumn（'number'，'level 3'）；
data.addColumn（'number'，'level4'）；
data.addColumn（'number'，'current value'）；
data.addRows([
['Team1'，{！Team1_l1}，{！Team1_l2}，{！Team1_l3}，{！Team1_l4}，{！Team1_cv}]，
['Team2'、{！Team2_l1}、{！Team2_l2}、{！Team2_l3}、{！Team2_l4}、{！Team2_cv}]，
]);
变量选项={
isStacked：是的，
宽度：890，
身高：500，
背景色：'#F8'，
图表区：{背景颜色：'#F8'}，
图表：{
副标题：“当前激励观点”
},        
言辞：{
格式：“十进制”，
视图窗口：{
分:0,，
最高：30000000
}
},       
系列：{
4:{targetAxisIndex:1}，
5:{targetAxisIndex:1}
}
};
var chart=new google.charts.Bar（document.getElementById（'chart_div'）；
绘制（数据，google.charts.Bar.convertOptions（选项））；
}

更改工具提示的唯一方法是使用

但是，物料图表不支持列角色（）

google.charts.Bar

--

软件包：['Bar']

使用经典图表是唯一的选择…

google.visualization.columnhart

--

包：['corechart']

---

要聚合每个堆栈的值，请提供自定义工具提示
使用和方法为工具提示动态添加列

要使用自定义html工具提示，必须在列
并设置图表选项-->

工具提示：{isHtml:true}

数据视图有一个小错误，它不尊重列属性

在绘制-->
dataView.toDataTable（）之前必须转换回
DataTable


请参阅以下工作片段


google.charts.load（'current'{
软件包：['corechart']
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，''）；
data.addColumn（'number'，'level1'）；
data.addColumn（'number'，'level2'）；
data.addColumn（'number'，'level 3'）；
data.addColumn（'number'，'level4'）；
data.addColumn（'number'，'current value'）；
data.addRows([
[Team1'，10001500100020001800]，
[Team2'，2000，2500，2000，3000，2800]
]);
变量选项={
isStacked：是的，
宽度：890，
身高：500，
背景色：'#F8'，
图表区：{
背景颜色：“#F8”
},
图表：{
副标题：“当前激励观点”
},
颜色：[“2196f3”、“42a5f5”、“64b5f6”、“90caf9”、“bbdefb”]，
工具提示：{
isHtml：是的
},
言辞：{
格式：“十进制”，
视图窗口：{
分:0,，
最高：15000
}
}
};
//数字格式化程序
var formatNumber=new google.visualization.NumberFormat({
模式：options.vAxis.format
});
//构建数据视图列
var viewColumns=[]；
for（var col=0；col0）和&（列<（data.getNumberOfColumns（）-1）））{
viewColumns.push({
键入：“字符串”，
角色：“工具提示”，
计算：函数（dt，行）{
//计算总量
var aggregateValue=0；
对于（var aggCol=1；aggCol感谢您的回复，但现在所有值都已堆叠，我只需要堆叠的四个值和分组的第五个值。您有什么想法吗？好的，这意味着我们没有机会显示工具提示和分组图表？好的，除了google graph，还有其他选项吗。