Book4chart.csv(charset=utf8 is recommended.)

" " ,3,4,5,6,7,8,9,10,11,12,1,2
Test1,30,40,25,45,70,55,80,90,65,95,96,88
Test2,12,15,55,30,70,87,55,30,65,76,50,58
Test3,60,43,58,22,38,47,35,67,88,53,92,98

<!--[if IE]>
<script src="./js/excanvas/excanvas-compressed.js" type="text/javascript"></script>
<![endif]-->
<script src="./js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="./js/jquery.jqchart-.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/jquery.csv2table-.js" type="text/javascript" charset="utf-8"></script>
<canvas id="canvasMyID" height="200"></canvas>
<div id="view40"></div>
<style>
/* ラベル Y軸 */
.jQchart-labelY-canvasMyID{
	font-size : 12px;
}
/* ラベル X軸 */
.jQchart-labelX-canvasMyID{
	font-size : 12px;
}
/* label Data */
.jQchart-labelData-canvasMyID{
	font-size : 10px;
}
</style>
<input disabled
       class="btn1"
       type    =  "button"
       onclick="$('#view40').csv2table('./Book4chart.csv',{
         onload  : function (id,op,data,ary){ 
            var head= ary[0],dataBody=ary.slice(1) ;
            $('#canvasMyID').jQchart({
            	config : { 
            		title    : 'This HTML is setting.config.<b>title</b>',
            		labelX   : head.slice(1),
            		scaleY   : {min: 0,max:100,gap:10},
            		width    : $('#'+id+' table').width()+10,
            		paddingL : $('#'+id+' table th:nth-child(1)').width()+14,
            		xGapPaddingL: 0
            	},
            	data : [
            		dataBody[0].slice(1),
            		dataBody[1].slice(1),
            		dataBody[2].slice(1)
            	]
            })
            var dl= dataBody.length,lc=$('#canvasMyID').jQchart.op.line_strokeStyle;
            $('tr:even','#'+id).css('background','#eee');
            $.each(dataBody,function(i){
              $('tr:nth-child('+dl+'n'+(i+(dl-1))+') td:first','#'+id)
                .css('color',lc[i]) 
            })
         }
       });"
       value="Load CSV">