]> git.ipfire.org Git - thirdparty/Chart.js.git/commitdiff
Update Rader initializer and data structure keys.
authorwcatron <wcatron@catrondevelopment.com>
Thu, 19 Nov 2015 16:43:00 +0000 (11:43 -0500)
committerwcatron <wcatron@catrondevelopment.com>
Thu, 19 Nov 2015 16:43:00 +0000 (11:43 -0500)
docs/04-Radar-Chart.md

index 03dcf6e83b1bfd8ec25705f36823a4cffe0ecbff..0c7f75e5d708782dec17506a060c31e616f94ad9 100644 (file)
@@ -15,7 +15,11 @@ They are often useful for comparing the points of two or more different data set
 ###Example usage
 
 ```javascript
-var myRadarChart = new Chart(ctx).Radar(data, options);
+var myRadarChart = new Chart(ctx,{
+       type:'radar',
+       data: data,
+       options: options
+});
 ```
 
 ###Data structure
@@ -25,22 +29,22 @@ var data = {
        datasets: [
                {
                        label: "My First dataset",
-                       fillColor: "rgba(220,220,220,0.2)",
-                       strokeColor: "rgba(220,220,220,1)",
-                       pointColor: "rgba(220,220,220,1)",
-                       pointStrokeColor: "#fff",
-                       pointHighlightFill: "#fff",
-                       pointHighlightStroke: "rgba(220,220,220,1)",
+                       backgroundColor: "rgba(220,220,220,0.2)",
+                       borderColor: "rgba(220,220,220,1)",
+                       pointBackgroundColor: "rgba(220,220,220,1)",
+                       pointBorderColor: "#fff",
+                       pointHoverBackgroundColor: "#fff",
+                       pointHoverBorderColor: "rgba(220,220,220,1)",
                        data: [65, 59, 90, 81, 56, 55, 40]
                },
                {
                        label: "My Second dataset",
-                       fillColor: "rgba(151,187,205,0.2)",
-                       strokeColor: "rgba(151,187,205,1)",
-                       pointColor: "rgba(151,187,205,1)",
-                       pointStrokeColor: "#fff",
-                       pointHighlightFill: "#fff",
-                       pointHighlightStroke: "rgba(151,187,205,1)",
+                       backgroundColor: "rgba(151,187,205,0.2)",
+                       borderColor: "rgba(151,187,205,1)",
+                       pointBackgroundColor: "rgba(151,187,205,1)",
+                       pointBorderColor: "#fff",
+                       pointHoverBackgroundColor: "#fff",
+                       pointHoverBorderColor: "rgba(151,187,205,1)",
                        data: [28, 48, 40, 19, 96, 27, 100]
                }
        ]
@@ -174,4 +178,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.
-```
\ No newline at end of file
+```