dcos-dygraphs
Version:
dygraphs is a fast, flexible open source JavaScript charting library.
42 lines (39 loc) • 1.17 kB
HTML
<html>
<head>
<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>
</head>
<body>
<p>Labels are styled with css3:</p>
<div id="div_g14" style="width:600px; height:300px;"></div>
<script type="text/javascript">
g14 = new Dygraph(
document.getElementById("div_g14"),
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: {
axisLabelWidth: 20
}
}
}
);
</script>
</body>
</html>