Add ability to customize point fill

morrisjs · Oct 9, 2012 · 528a205 · 528a205
1 parent 05d26c6
commit 528a205
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 8 deletions.
diff --git a/lib/morris.line.coffee b/lib/morris.line.coffee
@@ -79,6 +79,8 @@ class Morris.Line
       '#ffffff'
       '#ffffff'
     ]
+    pointFillColors: [
+    ]
     ymax: 'auto'
     ymin: 'auto 0'
     marginTop: 25
@@ -313,7 +315,7 @@ class Morris.Line
           circle = null
         else
           circle = @r.circle(c.x, c.y, @options.pointSize)
-            .attr('fill', @colorForSeries(i))
+            .attr('fill', @pointFillColorForSeries(i) || @colorForSeries(i))
             .attr('stroke-width', @strokeWidthForSeries(i))
             .attr('stroke', @strokeForSeries(i))
         @seriesPoints[i].push(circle)
@@ -460,6 +462,10 @@ class Morris.Line
   strokeForSeries: (index) ->
     @options.pointStrokeColors[index % @options.pointStrokeColors.length]
 
+  # @private
+  pointFillColorForSeries: (index) ->
+    @options.pointFillColors[index % @options.pointFillColors.length]
+
 
 # Parse a date into a javascript timestamp
 #

diff --git a/morris.js b/morris.js