[dygraphs.git] / tests / fractions.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="../dist/dygraph.css">
    <title>Fractions</title>
    <script type="text/javascript" src="../dist/dygraph.js"></script>

  </head>
  <body>
    Fractions:
    <div id="dg" style="width:600px; height:300px;">Loading...</div>

    With error bars and roller:
    <div id="dg2" style="width:600px; height:300px;">Loading...</div>

    <script type="text/javascript">
      var frac_str =
                  "X,Frac1,Frac2\n" +
                  "1,1/2,3/4\n"+
                  "2,1/3,2/3\n"+
                  "3,2/3,17/49\n"+
                  "4,25/30,100/200";

      var g1 = new Dygraph(document.getElementById("dg"),
                  frac_str,
                  {
                    fractions: true
                  });

      var g2 = new Dygraph(document.getElementById("dg2"),
                  frac_str,
                  {
                    fractions: true,
                    errorBars: true,
                    showRoller: true
                  });
    </script>
  </body>
</html>
Commit	Line	Data
54425b14	1	<!DOCTYPE html>
82e6b4f8 DV	2	<html>
82e6b4f8 DV	3	<head>
fd6b8dad	4	<link rel="stylesheet" href="../dist/dygraph.css">
82e6b4f8	5	<title>Fractions</title>
fbd6834a	6	<script type="text/javascript" src="../dist/dygraph.js"></script>
7e5ddc94	7
82e6b4f8 DV	8	</head>
	9	<body>
	10	Fractions:
	11	<div id="dg" style="width:600px; height:300px;">Loading...</div>
	12
	13	With error bars and roller:
	14	<div id="dg2" style="width:600px; height:300px;">Loading...</div>
	15
	16	<script type="text/javascript">
	17	var frac_str =
	18	"X,Frac1,Frac2\n" +
	19	"1,1/2,3/4\n"+
	20	"2,1/3,2/3\n"+
	21	"3,2/3,17/49\n"+
	22	"4,25/30,100/200";
	23
f6fbf9e0	24	var g1 = new Dygraph(document.getElementById("dg"),
82e6b4f8 DV	25	frac_str,
	26	{
	27	fractions: true
	28	});
	29
f6fbf9e0	30	var g2 = new Dygraph(document.getElementById("dg2"),
82e6b4f8 DV	31	frac_str,
	32	{
	33	fractions: true,
	34	errorBars: true,
	35	showRoller: true
	36	});
	37	</script>
	38	</body>
	39	</html>