Paired Bar-Line Measures (Dual y axis bar chart with trend line)

Hi guys,
I am trying to achieve this chart - http://www.webdetails.pt/ctools/ccc/...-line-measures
I tried this chart using Pentaho CDE CCC bar chart and its properties rather than going for whole function in pre-execution. What I am not able to achieve is trend line getting plotted according to one y-axis and bar chart getting plotted according to other y-axis. I think here this part of the function is doing the above mentioned thing:

dimensions: {
// Explicitly define the "measure" dimension
// (change the defaults that would otherwise take effect)
measure: {
// Hide "measure" from the tooltip
isHidden: true,


// Fine tune the labels
formatter: function(v) {
switch(v) {
case 'Count': return "Count";
case 'AvgLatency': return "Avg. Latency";
}
return v + '';
}
}
},


calculations: [{
// Split rows into != data parts,
// depending on the "measure" dimension's value.
names: 'dataPart',
calculation: function(datum, atoms) {
atoms.dataPart =
datum.atoms.measure.value === 'Count' ?
'0' : // main plot: bars
'1' ; // second plot: lines
}
}],


How should I achieve that using CTools properties or function??:confused: