<style>
/* label Data */
.jQchart-labelData{
	font-size : 9px;
}
</style>
<script type="text/javascript">
var data = [
  	[234,555,234],
  	[300,700,600],
  	[789,666,887],
  	[456,890,226],
  	[336,666,776],
  	[458,788,888],
  	[123,333,567],
  	[786,221,777],
  	[666,567,789],
  	[895,654,888],
  	[333,222,444],
  	[456,123,789],
  	[543,235,999],
  	[123,234,222]
  ];

<canvas id="canvasMyID" width="500" height="200"></canvas>
<script type="text/javascript">
var chartSetting={
  config:{
    type     : 'bar'
  },
  data : data
};
$(function(){
	$('#canvasMyID').jQchart(chartSetting);
})
</script>

<canvas id="canvasMyID1" width="500" height="200"></canvas>
<script type="text/javascript">
var chartSetting1={
  config:{
    title    : 'setting.config.colorSet : $.jQchart.colorSets.rikyu',
    type     : 'bar',
    colorSet : $.jQchart.colorSets.rikyu
  },
  data : data
};
$(function(){
	$('#canvasMyID1').jQchart(chartSetting1);
})
</script>

<canvas id="canvasMyID11" width="500" height="200"></canvas>
<script type="text/javascript">
var chartSetting11={
  config:{
    title    : 'setting.config.colorSet : $.jQchart.colorSets.gray',
    type     : 'bar',
    colorSet : $.jQchart.colorSets.gray
  },
  data : data
};
$(function(){
	$('#canvasMyID11').jQchart(chartSetting11);
})
</script>

<canvas id="canvasMyID2" width="500" height="200"></canvas>
<script type="text/javascript">
var chartSetting2={
  config:{
    title    : 'setting.config.colorSet : $.jQchart.colorSets.rikyu',
    type     : 'line',
    colorSet : $.jQchart.colorSets.rikyu
  },
  data : data
};
$(function(){
	$('#canvasMyID2').jQchart(chartSetting2);
})
</script>