--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
+ <title>color cycles</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>
+
+ </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">
+ var 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>
projects / dygraphs.git / commitdiff