-for opt_name in sorted(docs.keys()):
- opt = docs[opt_name]
- tests = opt['tests']
- if not tests:
- examples_html = '<font color=red>NONE</font>'
- else:
- examples_html = ' '.join(
- '<a href="%s">%s</a>' % (f, name(f)) for f in tests)
-
- print """
-<p><b>%(name)s</b><br/>
-%(desc)s<br/>
-<i>Type: %(type)s<br/>
-Default: %(default)s</i><br/>
-Examples: %(examples_html)s<br/>
-<br/>
-""" % { 'name': opt_name,
- 'type': opt['type'],
- 'default': opt['default'],
- 'desc': opt['description'],
- 'examples_html': examples_html}
+print """
+<div id=content>
+<h2>Options Reference</h2>
+<p>Dygraphs tries to do a good job of displaying your data without any further configuration. But inevitably, you're going to want to tinker. Dygraphs provides a rich set of options for configuring its display and behavior.</p>
+
+<a name="usage"><h3>Usage</h3>
+<p>You specify options in the third parameter to the dygraphs constructor:
+<pre>g = new Dygraph(div,
+ data,
+ {
+ option1: value1,
+ option2: value2,
+ ...
+ });
+</pre>
+
+After you've created a Dygraph, you can change an option by calling the <code>updateOptions</code> method:
+<pre>g.updateOptions({
+ new_option1: value1,
+ new_option2: value2
+ });
+</pre>
+
+<p>And, without further ado, here's the complete list of options:</p>
+"""
+for label in sorted(labels):
+ print '<a name="%s"><h3>%s</h3>\n' % (label, label)
+
+ for opt_name in sorted(docs.keys()):
+ opt = docs[opt_name]
+ if label not in opt['labels']: continue
+ tests = opt['tests']
+ if not tests:
+ examples_html = '<font color=red>NONE</font>'
+ else:
+ examples_html = ' '.join(
+ '<a href="%s">%s</a>' % (f, name(f)) for f in tests)
+
+ if not opt['type']: opt['type'] = '(missing)'
+ if not opt['default']: opt['default'] = '(missing)'
+ if not opt['description']: opt['description'] = '(missing)'
+
+ print """
+ <p class='option'><a name="%(name)s"/><b>%(name)s</b><br/>
+ %(desc)s<br/>
+ <i>Type: %(type)s<br/>
+ Default: %(default)s</i><br/>
+ Examples: %(examples_html)s<br/>
+ <br/>
+ """ % { 'name': opt_name,
+ 'type': opt['type'],
+ 'default': opt['default'],
+ 'desc': opt['description'],
+ 'examples_html': examples_html}
+
+
+print """
+</div>
+</body>
+</html>
+"""