g2d-chart
Version:
g2-chart - Charts for g2
30 lines (28 loc) • 1.01 kB
HTML
<html>
<head>
<meta charset='utf-8'>
<title>sine chart</title>
</head>
<body>
<h1>sine chart</h1>
<canvas id="c" width=400" height="300"></canvas>
<script src="../../g2/g2.js"></script>
<script src="../g2.chart.js"></script>
<script>
var g = g2().cartesian(),
ch = g2.Chart.create({x:100,y:100,b:200,h:150, ls:"black",
xmin:-Math.PI/2,xmax:2*Math.PI,
funcs:[{fn:Math.sin,dx:Math.PI/30,fill:true}],
title:{text:"sine"},
xaxis:{title:{text:"phi"}},
yaxis:{title:{text:"sin(phi)"},origin:true}
}),
p = ch.pixOf({x:0,y:0});
g.cpy(ch.draw(g))
// .cir(p.x,p.y,3)
.exe(document.getElementById("c").getContext("2d"));
// var ax = g2.Chart.AutoAxis.create(2,4,0,100);
</script>
</body>
</html>