4 <link rel=
"stylesheet" href=
"../css/dygraph.css">
5 <title>fillGraph with per series fillAlpha
</title>
7 For production (minified) code, use:
8 <script type=
"text/javascript" src=
"dygraph-combined.js"></script>
10 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
14 <p>Filled, using default value
</p>
15 <div id=
"div_g0" style=
"width:600px; height:300px;"></div>
17 <p>Filled, using global alpha value
</p>
18 <div id=
"div_g1" style=
"width:600px; height:300px;"></div>
20 <p>Filled, using per series alpha values
</p>
21 <div id=
"div_g2" style=
"width:600px; height:300px;"></div>
23 <p>Filled, using a mix of global and per series values
</p>
24 <div id=
"div_g3" style=
"width:600px; height:300px;"></div>
26 <script type=
"text/javascript">
27 // Create some data for the charts
28 var gdata =
"X,Y1,Y2\n";
29 for (var i =
0; i <
100; i++) {
30 gdata += i +
"," + i +
"," + (i * (
100-i) *
100/(
50*
50)) +
"\n";
33 // Just use the default values
35 document.getElementById(
"div_g0"),
43 document.getElementById(
"div_g1"),
52 document.getElementById(
"div_g2"),
57 Y1: { fillAlpha:
0.9 },
58 Y2: { fillAlpha:
0.1 }
64 document.getElementById(
"div_g3"),
70 Y2: { fillAlpha:
0.1 }