@@ -91,9 +91,8 @@ function integerScale(integerPadding, dimension) {
91
91
92
92
function model ( layout , d , i ) {
93
93
94
- var data = d . dimensions ;
95
-
96
94
var canvasPixelRatio = d . lines . pixelratio ;
95
+
97
96
var lines = Lib . extendDeep ( d . lines , {
98
97
color : d . line . color . map ( domainToUnitScale ( { values : d . line . color } ) ) ,
99
98
canvasOverdrag : overdrag * canvasPixelRatio
@@ -103,25 +102,20 @@ function model(layout, d, i) {
103
102
var layoutHeight = layout . height * ( d . domain . y [ 1 ] - d . domain . y [ 0 ] ) ;
104
103
105
104
var padding = d . padding || 80 ;
106
- var translateX = ( d . domain . x [ 0 ] || 0 ) * layout . width ;
107
- var translateY = ( d . domain . y [ 0 ] || 0 ) * layout . height ;
108
105
var width = layoutWidth - 2 * padding - legendWidth ; // leavig room for the colorbar
109
106
var height = layoutHeight - 2 * padding ;
110
107
111
- var canvasWidth = width * canvasPixelRatio + 2 * lines . canvasOverdrag ;
112
- var canvasHeight = height * canvasPixelRatio ;
113
-
114
108
return {
115
109
key : i ,
116
- dimensions : data ,
110
+ dimensions : d . dimensions ,
117
111
tickDistance : d . tickdistance ,
118
112
unitToColor : d . unitToColor ,
119
113
lines : lines ,
120
- translateX : translateX ,
121
- translateY : translateY ,
114
+ translateX : ( d . domain . x [ 0 ] || 0 ) * layout . width ,
115
+ translateY : ( d . domain . y [ 0 ] || 0 ) * layout . height ,
122
116
padding : padding ,
123
- canvasWidth : canvasWidth ,
124
- canvasHeight : canvasHeight ,
117
+ canvasWidth : width * canvasPixelRatio + 2 * lines . canvasOverdrag ,
118
+ canvasHeight : height * canvasPixelRatio ,
125
119
width : width ,
126
120
height : height ,
127
121
canvasPixelRatio : canvasPixelRatio
@@ -133,9 +127,10 @@ function viewModel(model) {
133
127
var lines = model . lines ;
134
128
var width = model . width ;
135
129
var height = model . height ;
130
+ var dimensions = model . dimensions ;
136
131
var canvasPixelRatio = model . canvasPixelRatio ;
137
132
138
- var xScale = d3 . scale . ordinal ( ) . domain ( d3 . range ( model . dimensions . filter ( visible ) . length ) ) . rangePoints ( [ 0 , width ] , 0 ) ;
133
+ var xScale = d3 . scale . ordinal ( ) . domain ( d3 . range ( dimensions . filter ( visible ) . length ) ) . rangePoints ( [ 0 , width ] , 0 ) ;
139
134
140
135
var unitPad = lines . verticalpadding / ( height * canvasPixelRatio ) ;
141
136
var unitPadScale = ( 1 - 2 * unitPad ) ;
@@ -147,7 +142,7 @@ function viewModel(model) {
147
142
model : model
148
143
} ;
149
144
150
- viewModel . panels = model . dimensions . filter ( visible ) . map ( function ( dimension , i ) {
145
+ viewModel . panels = dimensions . filter ( visible ) . map ( function ( dimension , i ) {
151
146
var domainToUnit = domainToUnitScale ( dimension ) ;
152
147
return {
153
148
key : dimension . id || dimension . label ,
0 commit comments