@@ -72,8 +72,8 @@ function drawStatusByMonthBarChart(ndx) {
72
72
// Stacked bar chart status by month
73
73
stackedBar = dc
74
74
. barChart ( '#statusByMonthBarChart' )
75
- . width ( 740 )
76
- . height ( 360 )
75
+ . width ( 700 )
76
+ . height ( 300 )
77
77
. dimension ( dateCreatedDim )
78
78
. group ( statusGroup , 'New' , ( d ) => d . value [ 'New' ] )
79
79
. stack ( statusGroup , 'In Progress' , ( d ) => d . value [ 'In Progress' ] )
@@ -95,7 +95,7 @@ function drawStatusByMonthBarChart(ndx) {
95
95
] . join ( '\n' ) ;
96
96
} )
97
97
. margins ( { top : 30 , left : 60 , right : 20 , bottom : 70 } )
98
- . x ( d3 . scaleTime ( ) . domain ( [ new Date ( 2020 , 01 , 15 ) , new Date ( 2020 , 03 , 03 ) ] ) )
98
+ . x ( d3 . scaleTime ( ) . domain ( [ new Date ( 2020 , 01 , 10 ) , new Date ( 2020 , 06 , 01 ) ] ) )
99
99
. elasticX ( true )
100
100
. alwaysUseRounding ( true )
101
101
. xUnits ( d3 . timeDays )
@@ -108,8 +108,8 @@ function drawTicketTypeRowChart(ndx) {
108
108
let ticketTypeGroup = ticketTypeDim . group ( ) ;
109
109
110
110
dc . rowChart ( '#ticketTypeRowChart' )
111
- . width ( 500 )
112
- . height ( 250 )
111
+ . width ( 440 )
112
+ . height ( 160 )
113
113
. gap ( 16 )
114
114
. titleLabelOffsetX ( 413 )
115
115
. label ( ( d ) => d . key + ': ' + d . value )
@@ -126,8 +126,8 @@ function drawPriorityPieChart(ndx) {
126
126
127
127
// Priority row Chart
128
128
dc . rowChart ( '#priorityRowChart' )
129
- . width ( 500 )
130
- . height ( 250 )
129
+ . width ( 440 )
130
+ . height ( 160 )
131
131
. gap ( 6 )
132
132
. titleLabelOffsetX ( 413 )
133
133
. label ( ( d ) => d . key + ': ' + d . value )
@@ -155,12 +155,12 @@ function drawStatusRowChart(ndx) {
155
155
156
156
// Status Row Chart
157
157
dc . rowChart ( '#statusRowChart' )
158
- . width ( 500 )
159
- . height ( 200 )
158
+ . width ( 440 )
159
+ . height ( 160 )
160
160
. gap ( 2 )
161
161
. titleLabelOffsetX ( 413 )
162
162
. label ( ( d ) => d . key + ': ' + d . value )
163
- . ordinalColors ( [ 'green' , 'orange ' , 'lightblue ' , 'grey ' ] )
163
+ . ordinalColors ( [ 'green' , 'grey ' , 'orange ' , 'lightblue ' ] )
164
164
. useViewBoxResizing ( true )
165
165
. dimension ( statusDim )
166
166
. group ( statusGroup ) ;
@@ -171,7 +171,7 @@ function drawStatusRowChart(ndx) {
171
171
. dimension ( openClosedDim )
172
172
. group ( openClosedGroup )
173
173
. useViewBoxResizing ( true )
174
- . height ( 170 )
174
+ . height ( 150 )
175
175
. label ( ( d ) => d . key + ': ' + d . value ) ;
176
176
}
177
177
@@ -181,8 +181,8 @@ function drawUpvotesRowChart(ndx) {
181
181
let upvotesGroup = summaryDim . group ( ) . reduceSum ( ( d ) => + d . upvotes ) ;
182
182
183
183
dc . rowChart ( '#upvotesRowChart' )
184
- . width ( 500 )
185
- . height ( 250 )
184
+ . width ( 460 )
185
+ . height ( 210 )
186
186
. gap ( 2 )
187
187
. label ( ( d ) => d . key + ': ' + d . value )
188
188
. rowsCap ( 8 )
0 commit comments