<!DOCTYPE html>
<html>
<head>
+ <link rel="stylesheet" href="../dist/dygraph.css">
<title>Label styles</title>
- <!--
- For production (minified) code, use:
- <script type="text/javascript" src="dygraph-combined.js"></script>
- -->
<script type="text/javascript" src="../dist/dygraph.js"></script>
<script type="text/javascript" src="data.js"></script>
+ <style>
+ .dygraph-legend {
+ background-color: rgba(200, 200, 255, 0.75);
+ padding: 4px;
+ border: 1px solid black;
+ border-radius: 10px;
+ box-shadow: 4px 4px 4px #888;
+ width: 100px;
+ }
+ </style>
</head>
<body>
<p>Labels are styled with css3:</p>
NoisyData, {
rollPeriod: 14,
errorBars: true,
- labelsDivWidth: 100,
- labelsDivStyles: {
- 'backgroundColor': 'rgba(200, 200, 255, 0.75)',
- 'padding': '4px',
- 'border': '1px solid black',
- 'borderRadius': '10px',
- 'boxShadow': '4px 4px 4px #888'
- },
labelsSeparateLines: true,
axes: {
y: {