// の後に項目の説明を記載しています。 // 必要な箇所だけ修正や追加を行って下さい。 $('#sample1').csv2table('Book2.csv',{ use : 'jqchart:line#canvasMyID', //#canvasMyIDでグラフを出力するcanvasのIDを指定 title : 'グラフサンプル - イチロー成績', //グラフ上部に表示されるタイトル(HTML) titleTop : '0', //タイトル位置(上からnピクセル) titleLeft: '0', //タイトル位置(左からnピクセル) //labelYunit : '(単位 円)', //Y軸の説明(HTML) labelX : ['2001年','2002年','2003年','2004年','2005年','2006年','2007年','2008年'], scaleY : {min:0,max:400,gap:50}, //Y軸のスケールを指定 //minが最小値、maxが最大値、gapはY軸の間隔を指定 //maxが出力する値より小さいとグラフが上に飛び出るので注意。 //gapはmax÷5〜10位の値が良い(小さすぎると大量の横線が描画され重くなる) line : { lineWidth : [2,2,2], //折れ線の幅を項目の数だけ記載 strokeStyle : [ //折れ線の色を項目の数だけ記載 '#ff0000', '#0000ff', '#ff80ff' ] }, bgGradient :{ from : '#ffffff', //グラフの背景グラデーション開始色(上) to : '#dfdfdf' //グラフの背景グラデーション終了色(下) } });