Cchart

cchart.png

公式サイト:cchart
1つのページに2つのグラフをのっけることはできないみたい。

使い方

ccchart.init(
     'hoge',        //第一引数 canvas要素またはid名
     chartdata70,   //第二引数 chartデータ    
     function(it){  //第三引数 コールバック関数 各チャート描画後に発火します

Getting Started

function draw(){
    var chartdata68 = {
 
  "config": {
    "title": "My Graph",
    "subTitle": "hello this is the subtitle",
    "type": "line",
     "colorSet": 
          ["#666","#aaa","#5b7e91","#4c6cb3","#eee"],
    "useMarker": "css-ring",
    "lineWidth": 1,
    "borderWidth": 4,
    "markerWidth": 15
  },
 
  "data": [
    ["year",2007,2008,2009,2010,2011,2012,2013],
    ["tea",435,332,524,688,774,825,999],
    ["coffee",600,335,584,333,457,788,900],
    ["juice",60,435,456,352,567,678,1260],
    ["woolong",200,123,312,200,402,300,512]
  ]
};
 
ccchart.init("graph",//canvas要素のID名にする
chartdata68);
    }
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script  type="text/javascript"  src="http://ccchart.com/js/ccchart.js" charset="utf-8"></script>
<script  type="text/javascript"  src="graph.js" charset="utf-8"></script>
</head>
<body onload="draw()">
<canvas id="graph" width="600" height="600"></canvas>
</body>
</html>

javascript-library

サポートサイト Wikidot.com javascript-library