ikinci temizlik tamamlandı

assets/chart/test/fixtures/controller.radar/backgroundColor/scriptable.js

@@ -0,0 +1,55 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					backgroundColor: function(ctx) {
+						var index = (ctx.dataIndex === undefined ? ctx.datasetIndex : ctx.dataIndex);
+						return index === 0 ? '#ff0000'
+							: index === 1 ? '#00ff00'
+							: '#ff00ff';
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: true,
+					backgroundColor: function(ctx) {
+						var index = (ctx.dataIndex === undefined ? ctx.datasetIndex : ctx.dataIndex);
+						return index === 0 ? '#ff0000'
+							: index === 1 ? '#00ff00'
+							: '#ff00ff';
+					}
+				},
+				point: {
+					backgroundColor: '#0000ff',
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/backgroundColor/value.js

@@ -0,0 +1,44 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					backgroundColor: '#ff0000'
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: true,
+					backgroundColor: '#00ff00'
+				},
+				point: {
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderCapStyle/scriptable.js

@@ -0,0 +1,63 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2],
+			datasets: [
+				{
+					// option in dataset
+					data: [null, 3, 3],
+					borderCapStyle: function(ctx) {
+						var index = (ctx.datasetIndex % 2);
+						return index === 0 ? 'round'
+							: index === 1 ? 'square'
+							: 'butt';
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [null, 2, 2]
+				},
+				{
+					// option in element (fallback)
+					data: [null, 1, 1]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderCapStyle: function(ctx) {
+						var index = (ctx.datasetIndex % 3);
+						return index === 0 ? 'round'
+							: index === 1 ? 'square'
+							: 'butt';
+					},
+					borderColor: '#ff0000',
+					borderWidth: 32,
+					fill: false
+				},
+				point: {
+					radius: 10
+				}
+			},
+			layout: {
+				padding: 32
+			},
+			scale: {
+				display: false,
+				ticks: {
+					beginAtZero: true
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderCapStyle/value.js

@@ -0,0 +1,54 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2],
+			datasets: [
+				{
+					// option in dataset
+					data: [null, 3, 3],
+					borderCapStyle: 'round'
+				},
+				{
+					// option in dataset
+					data: [null, 2, 2],
+					borderCapStyle: 'square'
+				},
+				{
+					// option in element (fallback)
+					data: [null, 1, 1]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderCapStyle: 'butt',
+					borderColor: '#00ff00',
+					borderWidth: 32,
+					fill: false
+				},
+				point: {
+					radius: 10
+				}
+			},
+			layout: {
+				padding: 32
+			},
+			scale: {
+				display: false,
+				ticks: {
+					beginAtZero: true
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderColor/scriptable.js

@@ -0,0 +1,57 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					borderColor: function(ctx) {
+						var index = (ctx.dataIndex === undefined ? ctx.datasetIndex : ctx.dataIndex);
+						return index === 0 ? '#ff0000'
+							: index === 1 ? '#00ff00'
+							: '#0000ff';
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: function(ctx) {
+						var index = (ctx.dataIndex === undefined ? ctx.datasetIndex : ctx.dataIndex);
+						return index === 0 ? '#ff0000'
+							: index === 1 ? '#00ff00'
+							: '#0000ff';
+					},
+					borderWidth: 10,
+					fill: false
+				},
+				point: {
+					borderColor: '#ff0000',
+					borderWidth: 10,
+					radius: 16
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderColor/value.js

@@ -0,0 +1,45 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					borderColor: '#ff0000'
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#0000ff',
+					fill: false
+				},
+				point: {
+					borderColor: '#0000ff',
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderDash/scriptable.js

@@ -0,0 +1,49 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					borderDash: function(ctx) {
+						return ctx.datasetIndex === 0 ? [5] : [10];
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: true,
+					borderColor: '#00ff00',
+					borderDash: function(ctx) {
+						return ctx.datasetIndex === 0 ? [5] : [10];
+					}
+				},
+				point: {
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderDash/value.js

@@ -0,0 +1,46 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					borderColor: '#ff0000',
+					borderDash: [5]
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#00ff00',
+					borderDash: [10],
+					fill: false
+				},
+				point: {
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderDashOffset/scriptable.js

@@ -0,0 +1,55 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3],
+			datasets: [
+				{
+					// option in dataset
+					data: [1, 1, 1, 1],
+					borderColor: '#ff0000',
+					borderDash: [20],
+					borderDashOffset: function(ctx) {
+						return ctx.datasetIndex === 0 ? 5.0 : 0.0;
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [0, 0, 0, 0]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#00ff00',
+					borderDash: [20],
+					borderDashOffset: function(ctx) {
+						return ctx.datasetIndex === 0 ? 5.0 : 0.0;
+					},
+					fill: false
+				},
+				point: {
+					radius: 10
+				}
+			},
+			layout: {
+				padding: 32
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -1
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderDashOffset/value.js

@@ -0,0 +1,51 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [1, 1, 1, 1, 1, 1],
+					borderColor: '#ff0000',
+					borderDash: [20],
+					borderDashOffset: 5.0
+				},
+				{
+					// option in element (fallback)
+					data: [0, 0, 0, 0, 0, 0]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#00ff00',
+					borderDash: [20],
+					borderDashOffset: 0.0, // default
+					fill: false
+				},
+				point: {
+					radius: 10
+				}
+			},
+			layout: {
+				padding: 32
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -1
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderJoinStyle/scriptable.js

@@ -0,0 +1,63 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3],
+			datasets: [
+				{
+					// option in dataset
+					data: [3, 3, null, 3],
+					borderColor: '#ff0000',
+					borderJoinStyle: function(ctx) {
+						var index = ctx.datasetIndex % 3;
+						return index === 0 ? 'round'
+							: index === 1 ? 'miter'
+							: 'bevel';
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [2, 2, null, 2],
+					borderColor: '#0000ff'
+				},
+				{
+					// option in element (fallback)
+					data: [1, 1, null, 1]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#00ff00',
+					borderJoinStyle: function(ctx) {
+						var index = (ctx.datasetIndex % 3);
+						return index === 0 ? 'round'
+							: index === 1 ? 'miter'
+							: 'bevel';
+					},
+					borderWidth: 25,
+					fill: false,
+					tension: 0
+				}
+			},
+			layout: {
+				padding: 32
+			},
+			scale: {
+				display: false,
+				ticks: {
+					beginAtZero: true
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderJoinStyle/value.js

@@ -0,0 +1,54 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3],
+			datasets: [
+				{
+					// option in dataset
+					data: [3, 3, null, 3],
+					borderColor: '#ff0000',
+					borderJoinStyle: 'round'
+				},
+				{
+					// option in element (fallback)
+					data: [2, 2, null, 2],
+					borderColor: '#0000ff',
+					borderJoinStyle: 'bevel'
+				},
+				{
+					// option in element (fallback)
+					data: [1, 1, null, 1]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#00ff00',
+					borderJoinStyle: 'miter',
+					borderWidth: 25,
+					fill: false,
+					tension: 0
+				}
+			},
+			layout: {
+				padding: 32
+			},
+			scale: {
+				display: false,
+				ticks: {
+					beginAtZero: true
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderWidth/scriptable.js

@@ -0,0 +1,55 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					borderColor: '#0000ff',
+					borderWidth: function(ctx) {
+						var index = (ctx.dataIndex === undefined ? ctx.datasetIndex : ctx.dataIndex);
+						return index % 2 ? 10 : 20;
+					},
+					pointBorderColor: '#00ff00'
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#ff0000',
+					borderWidth: function(ctx) {
+						var index = (ctx.dataIndex === undefined ? ctx.datasetIndex : ctx.dataIndex);
+						return index % 2 ? 10 : 20;
+					},
+					fill: false
+				},
+				point: {
+					borderColor: '#00ff00',
+					borderWidth: 5,
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/borderWidth/value.js

@@ -0,0 +1,46 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					borderColor: '#0000ff',
+					borderWidth: 6
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					borderColor: '#00ff00',
+					borderWidth: 3,
+					fill: false
+				},
+				point: {
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/fill/scriptable.js

@@ -0,0 +1,46 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					backgroundColor: '#ff0000',
+					fill: function(ctx) {
+						return ctx.datasetIndex === 0 ? true : false;
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					backgroundColor: '#00ff00',
+					fill: function(ctx) {
+						return ctx.datasetIndex === 0 ? true : false;
+					}
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/fill/value.js

@@ -0,0 +1,42 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					backgroundColor: '#ff0000',
+					fill: false
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					backgroundColor: '#00ff00',
+					fill: true
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/point-style.json

@@ -0,0 +1,95 @@
+{
+    "config": {
+        "type": "radar",
+        "data": {
+            "labels": [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+            "datasets": [{
+                "borderColor": "transparent",
+                "data": [3, 3, 3, 3, 3, 3, 3, 3, 3, 3],
+                "pointBackgroundColor": "#00ff00",
+                "pointBorderColor": "transparent",
+                "pointBorderWidth": 0,
+                "pointRadius": 16,
+                "pointStyle": [
+                    "circle",
+                    "cross",
+                    "crossRot",
+                    "dash",
+                    "line",
+                    "rect",
+                    "rectRounded",
+                    "rectRot",
+                    "star",
+                    "triangle"
+                ]
+            }, {
+                "borderColor": "transparent",
+                "data": [2, 2, 2, 2, 2, 2, 2, 2, 2, 2],
+                "pointBackgroundColor": "transparent",
+                "pointBorderColor": "#0000ff",
+                "pointBorderWidth": 1,
+                "pointRadius": 16,
+                "pointStyle": [
+                    "circle",
+                    "cross",
+                    "crossRot",
+                    "dash",
+                    "line",
+                    "rect",
+                    "rectRounded",
+                    "rectRot",
+                    "star",
+                    "triangle"
+                ]
+            }, {
+                "borderColor": "transparent",
+                "data": [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+                "pointBackgroundColor": "#00ff00",
+                "pointBorderColor": "#0000ff",
+                "pointBorderWidth": 1,
+                "pointRadius": 16,
+                "pointStyle": [
+                    "circle",
+                    "cross",
+                    "crossRot",
+                    "dash",
+                    "line",
+                    "rect",
+                    "rectRounded",
+                    "rectRot",
+                    "star",
+                    "triangle"
+                ]
+            }]
+        },
+        "options": {
+            "responsive": false,
+            "legend": false,
+            "title": false,
+            "scale": {
+                "display": false,
+                "ticks": {
+                    "min": 0,
+                    "max": 3
+                }
+            },
+            "elements": {
+                "line": {
+                    "fill": false
+                }
+            },
+            "layout": {
+                "padding": {
+                    "left": 24,
+                    "right": 24
+                }
+            }
+        }
+    },
+    "options": {
+        "canvas": {
+            "height": 512,
+            "width": 512
+        }
+    }
+}

assets/chart/test/fixtures/controller.radar/pointBackgroundColor/indexable.js

@@ -0,0 +1,58 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: [
+						'#ff0000',
+						'#00ff00',
+						'#0000ff',
+						'#ffff00',
+						'#ff00ff',
+						'#000000'
+					]
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					backgroundColor: [
+						'#ff88ff',
+						'#888888',
+						'#ff8800',
+						'#00ff88',
+						'#8800ff',
+						'#ffff88'
+					],
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBackgroundColor/scriptable.js

@@ -0,0 +1,56 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 8 ? '#ff0000'
+							: value > 0 ? '#00ff00'
+							: value > -8 ? '#0000ff'
+							: '#ff00ff';
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					backgroundColor: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 8 ? '#ff00ff'
+							: value > 0 ? '#0000ff'
+							: value > -8 ? '#ff0000'
+							: '#00ff00';
+					},
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBackgroundColor/value.js

@@ -0,0 +1,44 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: '#ff0000'
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					backgroundColor: '#00ff00',
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBorderColor/indexable.js

@@ -0,0 +1,59 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: [
+						'#ff0000',
+						'#00ff00',
+						'#0000ff',
+						'#ffff00',
+						'#ff00ff',
+						'#000000'
+					]
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					borderColor: [
+						'#ff88ff',
+						'#888888',
+						'#ff8800',
+						'#00ff88',
+						'#8800ff',
+						'#ffff88'
+					],
+					borderWidth: 5,
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBorderColor/scriptable.js

@@ -0,0 +1,57 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 8 ? '#ff0000'
+							: value > 0 ? '#00ff00'
+							: value > -8 ? '#0000ff'
+							: '#ff00ff';
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					borderColor: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 8 ? '#ff00ff'
+							: value > 0 ? '#0000ff'
+							: value > -8 ? '#ff0000'
+							: '#00ff00';
+					},
+					borderWidth: 5,
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBorderColor/value.js

@@ -0,0 +1,45 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#ff0000'
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					borderColor: '#00ff00',
+					borderWidth: 5,
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBorderWidth/indexable.js

@@ -0,0 +1,50 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#00ff00',
+					pointBorderWidth: [
+						1, 2, 3, 4, 5, 6
+					]
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					borderColor: '#ff0000',
+					borderWidth: [
+						6, 5, 4, 3, 2, 1
+					],
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBorderWidth/scriptable.js

@@ -0,0 +1,56 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#0000ff',
+					pointBorderWidth: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 4 ? 10
+							: value > -4 ? 5
+							: 2;
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					borderColor: '#ff0000',
+					borderWidth: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 4 ? 2
+							: value > -4 ? 5
+							: 10;
+					},
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointBorderWidth/value.js

@@ -0,0 +1,46 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#0000ff',
+					pointBorderWidth: 6
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5]
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false
+				},
+				point: {
+					borderColor: '#00ff00',
+					borderWidth: 3,
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointStyle/indexable.js

@@ -0,0 +1,62 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: '#ff0000',
+					pointBorderColor: '#ff0000',
+					pointStyle: [
+						'circle',
+						'cross',
+						'crossRot',
+						'dash',
+						'line',
+						'rect',
+					]
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					backgroundColor: '#00ff00',
+					borderColor: '#00ff00',
+					pointStyle: [
+						'line',
+						'rect',
+						'rectRounded',
+						'rectRot',
+						'star',
+						'triangle'
+					],
+					radius: 10
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointStyle/scriptable.js

@@ -0,0 +1,60 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: '#ff0000',
+					pointBorderColor: '#ff0000',
+					pointStyle: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 8 ? 'rect'
+							: value > 0 ? 'star'
+							: value > -8 ? 'cross'
+							: 'triangle';
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					backgroundColor: '#0000ff',
+					borderColor: '#0000ff',
+					pointStyle: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 8 ? 'triangle'
+							: value > 0 ? 'cross'
+							: value > -8 ? 'star'
+							: 'rect';
+					},
+					radius: 10,
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/pointStyle/value.js

@@ -0,0 +1,46 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#ff0000',
+					pointStyle: 'star',
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					backgroundColor: '#00ff00',
+					pointStyle: 'rect',
+					radius: 10,
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/radius/indexable.js

@@ -0,0 +1,49 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: '#00ff00',
+					pointRadius: [
+						1, 2, 3, 4, 5, 6
+					]
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					backgroundColor: '#ff0000',
+					radius: [
+						6, 5, 4, 3, 2, 1
+					],
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/radius/scriptable.js

@@ -0,0 +1,55 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: '#0000ff',
+					pointRadius: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 4 ? 10
+							: value > -4 ? 5
+							: 2;
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					backgroundColor: '#ff0000',
+					radius: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 4 ? 2
+							: value > -4 ? 5
+							: 10;
+					},
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/radius/value.js

@@ -0,0 +1,45 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBackgroundColor: '#0000ff',
+					pointRadius: 6
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					backgroundColor: '#00ff00',
+					radius: 3,
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/rotation/indexable.js

@@ -0,0 +1,51 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#00ff00',
+					pointRotation: [
+						0, 30, 60, 90, 120, 150
+					]
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					borderColor: '#ff0000',
+					borderWidth: 10,
+					pointStyle: 'line',
+					rotation: [
+						150, 120, 90, 60, 30, 0
+					],
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/rotation/scriptable.js

@@ -0,0 +1,57 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#0000ff',
+					pointRotation: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 4 ? 120
+							: value > -4 ? 60
+							: 0;
+					}
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					borderColor: '#ff0000',
+					rotation: function(ctx) {
+						var value = ctx.dataset.data[ctx.dataIndex] || 0;
+						return value > 4 ? 0
+							: value > -4 ? 60
+							: 120;
+					},
+					pointStyle: 'line',
+					radius: 10,
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};

assets/chart/test/fixtures/controller.radar/rotation/value.js

@@ -0,0 +1,47 @@
+module.exports = {
+	config: {
+		type: 'radar',
+		data: {
+			labels: [0, 1, 2, 3, 4, 5],
+			datasets: [
+				{
+					// option in dataset
+					data: [0, 5, 10, null, -10, -5],
+					pointBorderColor: '#0000ff',
+					pointRotation: 90
+				},
+				{
+					// option in element (fallback)
+					data: [4, -5, -10, null, 10, 5],
+				}
+			]
+		},
+		options: {
+			legend: false,
+			title: false,
+			elements: {
+				line: {
+					fill: false,
+				},
+				point: {
+					borderColor: '#00ff00',
+					pointStyle: 'line',
+					radius: 10,
+					rotation: 0,
+				}
+			},
+			scale: {
+				display: false,
+				ticks: {
+					min: -15
+				}
+			}
+		}
+	},
+	options: {
+		canvas: {
+			height: 512,
+			width: 512
+		}
+	}
+};