@@ -22,21 +22,21 @@ const lineChart = new Chart(document.getElementById('canvas-1'), {
22
22
borderColor : 'rgba(220, 220, 220, 1)' ,
23
23
pointBackgroundColor : 'rgba(220, 220, 220, 1)' ,
24
24
pointBorderColor : '#fff' ,
25
- data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ] ,
25
+ data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ]
26
26
} ,
27
27
{
28
28
label : 'My Second dataset' ,
29
29
backgroundColor : 'rgba(151, 187, 205, 0.2)' ,
30
30
borderColor : 'rgba(151, 187, 205, 1)' ,
31
31
pointBackgroundColor : 'rgba(151, 187, 205, 1)' ,
32
32
pointBorderColor : '#fff' ,
33
- data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ] ,
34
- } ,
35
- ] ,
33
+ data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ]
34
+ }
35
+ ]
36
36
} ,
37
37
options : {
38
- responsive : true ,
39
- } ,
38
+ responsive : true
39
+ }
40
40
} )
41
41
42
42
// eslint-disable-next-line no-unused-vars
@@ -50,20 +50,20 @@ const barChart = new Chart(document.getElementById('canvas-2'), {
50
50
borderColor : 'rgba(220, 220, 220, 0.8)' ,
51
51
highlightFill : 'rgba(220, 220, 220, 0.75)' ,
52
52
highlightStroke : 'rgba(220, 220, 220, 1)' ,
53
- data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ] ,
53
+ data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ]
54
54
} ,
55
55
{
56
56
backgroundColor : 'rgba(151, 187, 205, 0.5)' ,
57
57
borderColor : 'rgba(151, 187, 205, 0.8)' ,
58
58
highlightFill : 'rgba(151, 187, 205, 0.75)' ,
59
59
highlightStroke : 'rgba(151, 187, 205, 1)' ,
60
- data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ] ,
61
- } ,
62
- ] ,
60
+ data : [ random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) , random ( ) ]
61
+ }
62
+ ]
63
63
} ,
64
64
options : {
65
- responsive : true ,
66
- } ,
65
+ responsive : true
66
+ }
67
67
} )
68
68
69
69
// eslint-disable-next-line no-unused-vars
@@ -74,12 +74,12 @@ const doughnutChart = new Chart(document.getElementById('canvas-3'), {
74
74
datasets : [ {
75
75
data : [ 300 , 50 , 100 ] ,
76
76
backgroundColor : [ '#FF6384' , '#36A2EB' , '#FFCE56' ] ,
77
- hoverBackgroundColor : [ '#FF6384' , '#36A2EB' , '#FFCE56' ] ,
78
- } ] ,
77
+ hoverBackgroundColor : [ '#FF6384' , '#36A2EB' , '#FFCE56' ]
78
+ } ]
79
79
} ,
80
80
options : {
81
- responsive : true ,
82
- } ,
81
+ responsive : true
82
+ }
83
83
} )
84
84
85
85
// eslint-disable-next-line no-unused-vars
@@ -96,7 +96,7 @@ const radarChart = new Chart(document.getElementById('canvas-4'), {
96
96
pointBorderColor : '#fff' ,
97
97
pointHighlightFill : '#fff' ,
98
98
pointHighlightStroke : 'rgba(220, 220, 220, 1)' ,
99
- data : [ 65 , 59 , 90 , 81 , 56 , 55 , 40 ] ,
99
+ data : [ 65 , 59 , 90 , 81 , 56 , 55 , 40 ]
100
100
} ,
101
101
{
102
102
label : 'My Second dataset' ,
@@ -106,13 +106,13 @@ const radarChart = new Chart(document.getElementById('canvas-4'), {
106
106
pointBorderColor : '#fff' ,
107
107
pointHighlightFill : '#fff' ,
108
108
pointHighlightStroke : 'rgba(151, 187, 205, 1)' ,
109
- data : [ 28 , 48 , 40 , 19 , 96 , 27 , 100 ] ,
110
- } ,
111
- ] ,
109
+ data : [ 28 , 48 , 40 , 19 , 96 , 27 , 100 ]
110
+ }
111
+ ]
112
112
} ,
113
113
options : {
114
- responsive : true ,
115
- } ,
114
+ responsive : true
115
+ }
116
116
} )
117
117
118
118
// eslint-disable-next-line no-unused-vars
@@ -123,12 +123,12 @@ const pieChart = new Chart(document.getElementById('canvas-5'), {
123
123
datasets : [ {
124
124
data : [ 300 , 50 , 100 ] ,
125
125
backgroundColor : [ '#FF6384' , '#36A2EB' , '#FFCE56' ] ,
126
- hoverBackgroundColor : [ '#FF6384' , '#36A2EB' , '#FFCE56' ] ,
127
- } ] ,
126
+ hoverBackgroundColor : [ '#FF6384' , '#36A2EB' , '#FFCE56' ]
127
+ } ]
128
128
} ,
129
129
options : {
130
- responsive : true ,
131
- } ,
130
+ responsive : true
131
+ }
132
132
} )
133
133
134
134
// eslint-disable-next-line no-unused-vars
@@ -138,10 +138,10 @@ const polarAreaChart = new Chart(document.getElementById('canvas-6'), {
138
138
labels : [ 'Red' , 'Green' , 'Yellow' , 'Grey' , 'Blue' ] ,
139
139
datasets : [ {
140
140
data : [ 11 , 16 , 7 , 3 , 14 ] ,
141
- backgroundColor : [ '#FF6384' , '#4BC0C0' , '#FFCE56' , '#E7E9ED' , '#36A2EB' ] ,
142
- } ] ,
141
+ backgroundColor : [ '#FF6384' , '#4BC0C0' , '#FFCE56' , '#E7E9ED' , '#36A2EB' ]
142
+ } ]
143
143
} ,
144
144
options : {
145
- responsive : true ,
146
- } ,
145
+ responsive : true
146
+ }
147
147
} )
0 commit comments