<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]
];
</script>
Direct set:: you want to add colorSets, please do it as follows.
<canvas id="canvasMyID3" width="500" height="200"></canvas>
<script type="text/javascript">
var chartSetting3={
config:{
type : 'bar',
colorSet : [
'green',
'#000',
'#000',
'#000',
'#000',
'red' ,
'gray'
]
},
data : data
};
$(function(){
$('#canvasMyID3').jQchart(chartSetting3);
})
</script>
Custom colorSet:: How to make $.jQchart.colorSet
<canvas id="canvasMyID4" width="500" height="200"></canvas>
<script type="text/javascript">
//make the Custom colorSet.
$.extend($.jQchart.colorSets,{
myColorSet : [
'#dbd0e6',
'#674196',
'#a59aca',
'#65318e',
'#8491c3',
'#68699b',
'#493759',
'#867ba9',
'#c0a2c7',
'#884898',
'#55295b',
'#895b8a',
'#c4a3bf',
'#7a4171'
]
});
var chartSetting4={
config:{
type : 'bar',
colorSet : $.jQchart.colorSets.myColorSet
},
data : data
};
$(function(){
$('#canvasMyID4').jQchart(chartSetting4);
})
</script>
<<