Legend Symbol Parameter [New Feature]

docs/configuration/legend.md

@@ -78,7 +78,7 @@ Items passed to the legend `onClick` function are the ones returned from `labels
  // Legend symbol to display if point style is not used.
  symbol: String
 
- // Width of legend symbol if point style is not used.
+ // Width of legend symbol if point style is not used.
  boxWidth: Number
 }
 ```

src/helpers/helpers.canvas.js

@@ -49,7 +49,7 @@ var exports = module.exports = {
  },
 
  drawPoint: function(ctx, style, radius, x, y, rotation) {
- // call draw Symbol with converted radius to width and height
+ // call drawSymbol with converted radius to width and height
  // and move x, y to the top left corner
  this.drawSymbol(ctx, style, radius * 2, radius * 2, x - radius, y - radius, rotation, true);
  },
@@ -80,6 +80,11 @@ var exports = module.exports = {
  }
  var radius = width / 2;
  var yRadius = height / 2;
+
+ // some symbols are not usign the full width when they're called as a point
+ // e.g. rect, rectRounded, rectRot, crossRot and star
+ // Following variables are used to define the pading value for those symbols
+ // the full width and height is used when symbol is called as legend.
  var padLeft = isPoint ? radius - width / 2 / Math.sqrt(2) : 0;
  var padRight = isPoint ? radius + width / 2 / Math.sqrt(2) : width;
  var padTop = isPoint ? radius - height / 2 / Math.sqrt(2) : 0;