-
Notifications
You must be signed in to change notification settings - Fork 606
/
color-visibility.js
34 lines (33 loc) · 1.06 KB
/
color-visibility.js
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
Gallery.register(
'color-visibility',
{
name: "Color visibility",
title: 'The lines should maintain their colors as their visibility is toggled.',
setup: function(parent) {
parent.innerHTML =
"<div id='blah'></div>" +
"<p><b>Display: </b>" +
"<input type=checkbox id=0 onClick='change(this)' checked>" +
"<label for='0'> a</label>" +
"<input type=checkbox id=1 onClick='change(this)' checked>" +
"<label for='1'> b</label>" +
"<input type=checkbox id=2 onClick='change(this)' checked>" +
"<label for='2'> c</label>" +
"</p>";
},
run: function() {
var g = 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: ['#284785', '#EE1111', '#8AE234'],
visibility: [true, true, true]
});
function change(el) {
g.setVisibility(el.id, el.checked);
}
}
});