Portál AbcLinuxu, 13. května 2025 20:43
25.2.2011 17:58
poky74 | skóre: 36
| blog: Zápisník
| Vrchlabí
Pokud jsi začátečník tak určitě mrkni na google charts.
Kdysi jsem potřeboval rychle na web nahodit několik grafů a na tohle jsem narazil. Funguje to tak že předáš v url body a nastavení grafu a vrátí ti to obrázek, původně jsem to zamýšlel provizorně, než udělám "pořádné grafy", ale začalo se mi to líbit a už jsem to tam nechal.
S rychlostí jsem neměl problém.
25.2.2011 14:38
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>graf</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
#graf {
width: 640px;
height: 320px;
}
</style>
<script src="http://raphaeljs.com/raphael.js" type="text/javascript" charset="utf-8"></script>
<script src="http://g.raphaeljs.com/g.raphael.js" type="text/javascript" charset="utf-8"></script>
<script src="http://g.raphaeljs.com/g.line.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
window.onload = function () {
var r = Raphael("graf");
var x = [], y = [];
for (var j = 0; j < 8; j++) {
y[j] = [];
}
for (var i = 0; i < 7000; i++) {
x[i] = i * 10;
for (var j = 1; j < 8; j++) {
y[j][i] = (y[j][i - 1] || j*20) + (Math.random() * 7) - (3 - j*0.15);
}
y[0][i] = 5000;
}
r.g.linechart(10, 10, 620, 300, x, y, {shade: true, width: 1});
};
</script>
</head>
<body>
<div id="graf"></div>
</body>
</html>
27.2.2011 08:37
MaSo | skóre: 15
| blog: MaSo
| Frýdek-Místek
Tiskni
Sdílej:
ISSN 1214-1267, (c) 1999-2007 Stickfish s.r.o.