Test for percent calculation widthout Option percentVal
data1
<canvas id="hoge0-1"></canvas>
<script>
ccchart.base('white');
var data1 = [
["月",1,2,3,4,5,6,7,8],
["ウーロン",20,23,12,20,42,50,43,56],
["コーヒー",52,50,44,50,60,55,68,80]
];
var conf = {
"title": "data1",
"type": "bar",
"width": 500,
"height": 380,
"useVal": "yes",
"useToolTip": "yes",
};
ccchart
.init('hoge0-1', {
"config": conf,
"data": data1
})
</script>
data2
<canvas id="hoge0-2"></canvas>
<script>
var data2 = [
["月",1,2,3,4,5,6,7,8],
["ウーロン",80,150,120,120,100,80,100,140],
["コーヒー",100,120,150,260,180,150,170,220]
];
var conf = {
"title": "data2",
"type": "line",
"bg": "white",
"minY": 0,
"maxY": 300,
"width": 500,
"height": 380,
"useVal": "yes"
};
ccchart
.init('hoge0-2', {
"config": conf,
"data": data2
})
</script>
data3 %: calculate data1 and data2
<canvas id="hoge0-3"></canvas>
<script>
var header = data1[0];
var body1 = data1.slice(1);
var body2 = data2.slice(1);
var data3 = [];
var percent = 0;
data3.push(header);
for(var row = 0; row < body1.length ; row++){
data3_wk = [];
data3_wk.push(body1[row][0])
for(var col = 1; col < body1[row].length ; col++){
percent = Math.round(body1[row][col] * 100/body2[row][col] );
data3_wk.push(percent);
}
data3.push(data3_wk);
}
var conf = {
"title": "data3(%) = data1*100/data2",
"unit": {
"unit": "%",
"left": 15,
"top": 60,
"align": "left",
"color": "#888",
"font": "100 12px 'Arial'"
},
"type": "bar",
"width": 500,
"height": 380,
"minY": 0,
"maxY": 100,
"useToolTip": "yes",
"useVal": "yes"
};
ccchart
.init('hoge0-3', {
"config": conf,
"data": data3
})
</script>