Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 4 additions & 1 deletion docs/03-Radar-Chart.md
Original file line number Diff line number Diff line change
Expand Up @@ -76,6 +76,9 @@ These are the customisation options specific to Radar charts. These options are
//Number - Pixel width of the angle line
angleLineWidth : 1,

//Number - Interval at which to draw angle lines ("every Nth point")
angleLineInterval: 1,

//String - Point label font declaration
pointLabelFontFamily : "'Arial'",

Expand Down Expand Up @@ -174,4 +177,4 @@ Calling `removeData()` on your Chart instance will remove the first value for al
```javascript
myRadarChart.removeData();
// Other points will now animate to their correct positions.
```
```
2 changes: 1 addition & 1 deletion src/Chart.Core.js
Original file line number Diff line number Diff line change
Expand Up @@ -2058,7 +2058,7 @@
for (var i = this.valuesCount - 1; i >= 0; i--) {
var centerOffset = null, outerPosition = null;

if (this.angleLineWidth > 0){
if (this.angleLineWidth > 0 && (i % this.angleLineInterval === 0)){
centerOffset = this.calculateCenterOffset(this.max);
outerPosition = this.getPointPosition(i, centerOffset);
ctx.beginPath();
Expand Down
4 changes: 4 additions & 0 deletions src/Chart.Radar.js
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,9 @@
//Number - Pixel width of the angle line
angleLineWidth : 1,

//Number - Interval at which to draw angle lines ("every Nth point")
angleLineInterval: 1,

//String - Point label font declaration
pointLabelFontFamily : "'Arial'",

Expand Down Expand Up @@ -181,6 +184,7 @@
lineColor: this.options.scaleLineColor,
angleLineColor : this.options.angleLineColor,
angleLineWidth : (this.options.angleShowLineOut) ? this.options.angleLineWidth : 0,
angleLineInterval: (this.options.angleLineInterval) ? this.options.angleLineInterval : 1,
// Point labels at the edge of each line
pointLabelFontColor : this.options.pointLabelFontColor,
pointLabelFontSize : this.options.pointLabelFontSize,
Expand Down