html5 堆叠柱状,c3.js的柱状图堆叠以及tooltip自定义问题

两组数据，sumData和subData，通过groups将其堆叠在一起，原始的效果是：

一条记录上，sumData为10，subData为5，但是柱状图的总高度是15，而需求是想要总高度是10，换而言之，就是如图所示：

因此我的问题在于如何在label里或者tooltip里对data1的value修改时获取到对应index的data2的value进行进一步的操作。

问题如代码中label和tooltip的注释

var chart = c3.generate({

data: {

columns: [

['data1', 100, 100, 100, 100, 100, 100],

['data2', 200, 200, 200, 200, 200, 200],

],

groups: [

['data1', 'data2']

],

type: 'bar',

labels: {

// format: function (v, id, i, j) { return "Default Format"; },

format: {

data2: function (value, id, index, j) {

return value+3; //想知道在这里如何获取data2对应的value以此进行下一步的操作

},

}

}

},

tooltip:{

format: {

title: function (d) { return 'Data ' + d; },

value: function (value, ratio, id) {

var format = id === 'data1' ? d3.format(',') : d3.format('$');

return format(value);

}//这里是根据数组id来将其展示格式做了设置，如何对数据进行获取和操作呢？

// value: d3.format(',') // apply this format to both y and y2

}

}

});