// Default attribute values.
DateGraph.DEFAULT_ATTRS = {
+ highlightCircleSize: 3,
pixelsPerXLabel: 60,
labelsDivWidth: 250,
labelsDivStyles: {
}
// Clear the previously drawn vertical, if there is one
- var circleSize = 3;
+ var circleSize = this.attrs_.highlightCircleSize;
var ctx = this.canvas_.getContext("2d");
if (this.previousVerticalX_ >= 0) {
var px = this.previousVerticalX_;
--- /dev/null
+<html>
+ <head>
+ <title>Custom grid and Dot</title>
+ <!--[if IE]>
+ <script type="text/javascript" src="excanvas.js"></script>
+ <![endif]-->
+ <script type="text/javascript" src="../dygraph-combined.js"></script>
+ <script type="text/javascript" src="../dygraph.js"></script>
+ <script type="text/javascript" src="data.js"></script>
+ </head>
+ <body>
+ <p>Dot and lines should be extra large. Grid is red.</p>
+ <div id="g14" style="width:600px; height:300px;"></div>
+
+ <script type="text/javascript">
+ g14 = new DateGraph(
+ document.getElementById("g14"),
+ NoisyData, null, {
+ rollPeriod: 14,
+ errorBars: true,
+ gridLineColor: MochiKit.Color.Color.redColor(),
+ highlightCircleSize: 10,
+ strokeWidth: 3,
+ padding: {
+ left: 40,
+ top: 0,
+ right: 10,
+ bottom: 10
+ }
+ }
+ );
+ </script>
+ </body>
+</html>
projects / dygraphs.git / commitdiff