<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>

<<
|++かも日記 | jQuery › Downloads › Plugins › jQchart | nightly.htm |