[dygraphs.git] / tests / fractions.html

<!DOCTYPE html>
<html>
  <head>
    <title>Fractions</title>
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dygraph-dev.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
	1	<!DOCTYPE html>
	2	<html>
	3	<head>
	4	<title>Fractions</title>
	5	<!--
	6	For production (minified) code, use:
	7	<script type="text/javascript" src="dygraph-combined.js"></script>
	8	-->
	9	<script type="text/javascript" src="../dygraph-dev.js"></script>
	10
	11	</head>
	12	<body>
	13	Fractions:
	14	<div id="dg" style="width:600px; height:300px;">Loading...</div>
	15
	16	With error bars and roller:
	17	<div id="dg2" style="width:600px; height:300px;">Loading...</div>
	18
	19	<script type="text/javascript">
	20	var frac_str =
	21	"X,Frac1,Frac2\n" +
	22	"1,1/2,3/4\n"+
	23	"2,1/3,2/3\n"+
	24	"3,2/3,17/49\n"+
	25	"4,25/30,100/200";
	26
	27	var g1 = new Dygraph(document.getElementById("dg"),
	28	frac_str,
	29	{
	30	fractions: true
	31	});
	32
	33	var g2 = new Dygraph(document.getElementById("dg2"),
	34	frac_str,
	35	{
	36	fractions: true,
	37	errorBars: true,
	38	showRoller: true
	39	});
	40	</script>
	41	</body>
	42	</html>