[dygraphs.git] / tests / customLabel.html

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
    <title>Label styles</title>
    <!--[if IE]>
    <script type="text/javascript" src="../excanvas.js"></script>
    <![endif]-->
    <!--
    For production (minified) code, use:
    <script type="text/javascript" src="dygraph-combined.js"></script>
    -->
    <script type="text/javascript" src="../dygraph-dev.js"></script>

    <script type="text/javascript" src="data.js"></script>
    <style type="text/css">
      /*
      NOTE: dygraphs does set some properties on the built-in legend, e.g.
      background-color and left. If you wish to override these, you can add
      "!important" to your CSS styles, as below.

      The full list of styles for which this is necessary are listed in
      plugins/legend.js. They are:
      o position
      o font-size
      o z-index
      o width
      o top
      o left
      o background
      o line-height
      o text-align
      o overflow
      */
      #div_g14 .dygraph-legend {
        width: 100px;
        background-color: transparent !important;
        left: 40px !important;
      }
    </style>
  </head>
  <body>
    <p>Labels are transparent and repositioned:</p>
    <div id="div_g14" style="width:600px; height:300px;"></div>

    <script type="text/javascript">
      g14 = new Dygraph(
            document.getElementById("div_g14"),
            NoisyData, {
              rollPeriod: 14,
              errorBars: true,
              labelsSeparateLines: true,
              yAxisLabelWidth: 20
            }
          );
    </script>
  </body>
</html>
Commit	Line	Data
54425b14	1	<!DOCTYPE html>
8e4a6af3 DV	2	<html>
8e4a6af3 DV	3	<head>
10494b48	4	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
8e4a6af3 DV	5	<title>Label styles</title>
8e4a6af3 DV	6	<!--[if IE]>
a2b2c3a1	7	<script type="text/javascript" src="../excanvas.js"></script>
8e4a6af3	8	<![endif]-->
7e5ddc94 DV	9	<!--
	10	For production (minified) code, use:
	11	<script type="text/javascript" src="dygraph-combined.js"></script>
	12	-->
	13	<script type="text/javascript" src="../dygraph-dev.js"></script>
	14
8e4a6af3	15	<script type="text/javascript" src="data.js"></script>
3f6b0b18 DV	16	<style type="text/css">
	17	/*
	18	NOTE: dygraphs does set some properties on the built-in legend, e.g.
	19	background-color and left. If you wish to override these, you can add
	20	"!important" to your CSS styles, as below.
	21
	22	The full list of styles for which this is necessary are listed in
	23	plugins/legend.js. They are:
	24	o position
	25	o font-size
	26	o z-index
	27	o width
	28	o top
	29	o left
	30	o background
	31	o line-height
	32	o text-align
	33	o overflow
	34	*/
	35	#div_g14 .dygraph-legend {
	36	width: 100px;
	37	background-color: transparent !important;
	38	left: 40px !important;
	39	}
	40	</style>
8e4a6af3 DV	41	</head>
	42	<body>
	43	<p>Labels are transparent and repositioned:</p>
d16579a0	44	<div id="div_g14" style="width:600px; height:300px;"></div>
8e4a6af3 DV	45
8e4a6af3 DV	46	<script type="text/javascript">
285a6bda	47	g14 = new Dygraph(
d16579a0	48	document.getElementById("div_g14"),
285a6bda	49	NoisyData, {
8e4a6af3 DV	50	rollPeriod: 14,
8e4a6af3 DV	51	errorBars: true,
285a6bda	52	labelsSeparateLines: true,
34fedff8	53	yAxisLabelWidth: 20
8e4a6af3 DV	54	}
	55	);
	56	</script>
	57	</body>
	58	</html>