dcos-dygraphs
Version:
dygraphs is a fast, flexible open source JavaScript charting library.
44 lines (39 loc) • 1.28 kB
HTML
<html>
<head>
<title>color cycles</title>
<!--
For production (minified) code, use:
<script type="text/javascript" src="dygraph-combined.js"></script>
-->
<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">
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>