1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>color cycles</title>
<link rel="stylesheet" type="text/css" href="../dist/dygraph.css" />
<link rel="stylesheet" type="text/css" href="../common/vextlnk.css" />
<script type="text/javascript" src="../dist/dygraph.js"></script>
</head>
<body>
<p>Different color cycles</p>
<div id="blah"></div>
<p><b>Colors: </b>
<button type=button id=0 onClick="change(this)"> first set</button>
<button type=button id=1 onClick="change(this)"> second set</button>
<button type=button id=2 onClick="change(this)"> undefined</button>
</p>
<script type="text/javascript"><!--//--><![CDATA[//><!--
Dygraph.onDOMready(function onDOMready() {
colorSets = [
['#284785', '#EE1111', '#8AE234'],
['#444444', '#888888', '#DDDDDD'],
null
]
chart = new Dygraph(document.getElementById("blah"),
"X,a,b,c\n" +
"10,12345,23456,34567\n" +
"11,12345,20123,31345\n",
{
width: 640,
height: 480,
colors: colorSets[0]
});
});
function change(el) {
chart.updateOptions({colors: colorSets[el.id]});
}
//--><!]]></script>
</body>
</html>
|
