@@ -72,8 +72,8 @@ function drawStatusByMonthBarChart(ndx) {
7272 // Stacked bar chart status by month
7373 stackedBar = dc
7474 . barChart ( '#statusByMonthBarChart' )
75- . width ( 740 )
76- . height ( 360 )
75+ . width ( 700 )
76+ . height ( 300 )
7777 . dimension ( dateCreatedDim )
7878 . group ( statusGroup , 'New' , ( d ) => d . value [ 'New' ] )
7979 . stack ( statusGroup , 'In Progress' , ( d ) => d . value [ 'In Progress' ] )
@@ -95,7 +95,7 @@ function drawStatusByMonthBarChart(ndx) {
9595 ] . join ( '\n' ) ;
9696 } )
9797 . 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 ) ] ) )
9999 . elasticX ( true )
100100 . alwaysUseRounding ( true )
101101 . xUnits ( d3 . timeDays )
@@ -108,8 +108,8 @@ function drawTicketTypeRowChart(ndx) {
108108 let ticketTypeGroup = ticketTypeDim . group ( ) ;
109109
110110 dc . rowChart ( '#ticketTypeRowChart' )
111- . width ( 500 )
112- . height ( 250 )
111+ . width ( 440 )
112+ . height ( 160 )
113113 . gap ( 16 )
114114 . titleLabelOffsetX ( 413 )
115115 . label ( ( d ) => d . key + ': ' + d . value )
@@ -126,8 +126,8 @@ function drawPriorityPieChart(ndx) {
126126
127127 // Priority row Chart
128128 dc . rowChart ( '#priorityRowChart' )
129- . width ( 500 )
130- . height ( 250 )
129+ . width ( 440 )
130+ . height ( 160 )
131131 . gap ( 6 )
132132 . titleLabelOffsetX ( 413 )
133133 . label ( ( d ) => d . key + ': ' + d . value )
@@ -155,12 +155,12 @@ function drawStatusRowChart(ndx) {
155155
156156 // Status Row Chart
157157 dc . rowChart ( '#statusRowChart' )
158- . width ( 500 )
159- . height ( 200 )
158+ . width ( 440 )
159+ . height ( 160 )
160160 . gap ( 2 )
161161 . titleLabelOffsetX ( 413 )
162162 . label ( ( d ) => d . key + ': ' + d . value )
163- . ordinalColors ( [ 'green' , 'orange ' , 'lightblue ' , 'grey ' ] )
163+ . ordinalColors ( [ 'green' , 'grey ' , 'orange ' , 'lightblue ' ] )
164164 . useViewBoxResizing ( true )
165165 . dimension ( statusDim )
166166 . group ( statusGroup ) ;
@@ -171,7 +171,7 @@ function drawStatusRowChart(ndx) {
171171 . dimension ( openClosedDim )
172172 . group ( openClosedGroup )
173173 . useViewBoxResizing ( true )
174- . height ( 170 )
174+ . height ( 150 )
175175 . label ( ( d ) => d . key + ': ' + d . value ) ;
176176}
177177
@@ -181,8 +181,8 @@ function drawUpvotesRowChart(ndx) {
181181 let upvotesGroup = summaryDim . group ( ) . reduceSum ( ( d ) => + d . upvotes ) ;
182182
183183 dc . rowChart ( '#upvotesRowChart' )
184- . width ( 500 )
185- . height ( 250 )
184+ . width ( 460 )
185+ . height ( 210 )
186186 . gap ( 2 )
187187 . label ( ( d ) => d . key + ': ' + d . value )
188188 . rowsCap ( 8 )
0 commit comments