<canvas id="canvasMyID5" height="400" width="380"></canvas>

<script type="text/javascript">

  $(function(){

    var chartSetting3={
      config : { 
        title  : '<b>Title</b> by HTML',
        labelX : ["Mo","Tu","We","Th","Fr","St","Su"],
        scaleY : {min: 0,max:1800,gap:200},
        line   : {
          lineWidth   : [10,5,5,5,1,1,1,1],
          strokeStyle : ['red','#FF9114','#3CB000','#00A8A2','#0036C0','#C328FF','#FF34C0']
        }
      },
    
      data : [
        [535,580,850,680,1200,1250,1600],
        [333,345,666,789,568,1111,1578],
        [535,444,859,890,1234,1200,1800],
        [666,555,769,678,890,987,1724],
        [777,888,435,555,345,666,1600],
        [535,333,222,456,789,567,1300],
        [222,580,345,332,890,456,1000],
        [110,168,312,200,456,567,812]
      ]
    }
  
    $('#canvasMyID5').jQchart(chartSetting3);
  })

</script>

<style>
/* jQchart */
#jQchart-canvasMyID5{
	background-color :  #FFFFEE ;
	border :1px solid #000;
}
/* label Y */
.jQchart-labelY-canvasMyID5{
	font-size : 12px;
	color     : #600C00 ;
}
/* label X */
.jQchart-labelX-canvasMyID5{
	font-size : 12px;
}
/* label Data */
.jQchart-labelData-canvasMyID5{
	font-size : 10px;
}
</style>

* strokeStyle : ['red','#FF9114','#3CB000','#00A8A2','#0036C0','#C328FF','#FF34C0'] are Default. next #777.
|++かも日記 | jQuery › Downloads › Plugins › jQchart | nightly.htm |