#controls {
position: absolute;
left: 10px;
- top: 490px;
+ margin-top: 420px;
}
+ /* This style & the next show how you can customize the appearance of the
+ hairlines */
.hairline-info {
border: 1px solid black;
border-top-right-radius: 5px;
<body>
<h2>Hairlines Demo</h2>
+ <p>Click the chart to add a hairline. Drag the hairline to move it.</p>
+
<!--
The "info box" for each hairline is based on this template.
Customize it as you wish. The .hairline-legend element will be populated
labelsSeparateLines: true,
legend: 'always',
labels: [ 'Time', 'Value' ],
- title: 'Hairlines Demo',
axes: {
x: {