Graphics Reference
In-Depth Information
have performance information available for each facility, consider adding
additional indicators here.
//...
// CREATE THE NODE REPRESENTATION.
var
iconLayer = nodeLayer.addLayer( aperture.IconLayer
)
.mapAll({
'x'
: -4,
'width'
: 36,
'height'
: 36,
'anchor-x'
: 1,
'anchor-y'
: 1
});
iconLayer.map(
'url'
).from(
function
() {
return this
.type +
'.png'
;
});
var
barLayer = nodeLayer.addLayer( aperture.BarLayer )
.mapAll({
'width'
: 5,
'orientation'
:
'vertical'
,
'fill'
:
'#666'
});
barLayer.map(
'length'
).from(
'flowOut'
)
.using(flowKey)
.filter(
function
(v){
return
-v;});
// invert
direction
var
labelLayer =
nodeLayer.addLayer(aperture.LabelLayer)
.mapAll({
'offset-y'
: 8,
'font-size'
: 12,
'text-anchor'
:
'start'
});