This sample is to show how to create two different charts.

●Script
Sets the value of KoolOnLoadCallFunction to the name of a JS function (e.g. chartReadyHandler) 
that is called when the chart is ready to be created.
var chartVars = "KoolOnLoadCallFunction=chartReadyHandler";
var chartVars2 = "KoolOnLoadCallFunction=chartReadyHandler2";

KoolChart.create("chart1", "chartHolder", chartVars, "100%", "100%"); 
KoolChart.create("chart2", "chartHolder2", chartVars2, "100%", "100%"); 

function chartReadyHandler(id) {
	document.getElementById(id).setLayout(layoutStr);
	document.getElementById(id).setData(chartData);
}

function chartReadyHandler2(id) {
	document.getElementById(id).setLayout(layoutStr2);
	document.getElementById(id).setData(chartData2);
}

●HTML
<div id="chartHolder" style="width:300px; height:300px;float:left;">
</div>
<div id="chartHolder2" style="width:300px; height:300px;float:left;">
</div>