<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>
Next Direct set & Custom colorSet >>
|++かも日記 | jQuery › Downloads › Plugins › jQchart | nightly.htm |