Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
stw
stw-padmws-graph
Commits
69849fa3
Commit
69849fa3
authored
Mar 10, 2017
by
Tomas Pettersson
🏸
Browse files
updated structure
parent
a176996e
Changes
3
Hide whitespace changes
Inline
Side-by-side
src/stw-padmws-graph.js
View file @
69849fa3
...
...
@@ -65,6 +65,7 @@ var Graph = (function () {
});
var
chartColors
=
{
red
:
'
rgb(255, 99, 132)
'
,
black
:
'
rgb(0, 0, 0)
'
,
orange
:
'
rgb(255, 159, 64)
'
,
yellow
:
'
rgb(255, 205, 86)
'
,
green
:
'
rgb(75, 192, 192)
'
,
...
...
@@ -74,35 +75,10 @@ var Graph = (function () {
};
$
(
'
#
'
+
targetid
).
on
({
'
show.uk.modal
'
:
function
()
{
var
timeFormat
=
'
YYYY-MM-DD HH:mm
'
;
self
.
chart
=
new
Chart
(
self
.
chartCanvas
,
{
type
:
'
line
'
,
data
:
{
datasets
:
[{
fill
:
false
,
borderColor
:
chartColors
.
red
,
label
:
'
Dispersed oil
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
orange
,
label
:
'
Oil on Seabed
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
yellow
,
label
:
'
Oil on shore
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
green
,
label
:
'
Oil at surface
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
blue
,
label
:
'
Oil volume
'
}]
datasets
:
[]
},
options
:
{
legend
:
{
...
...
@@ -135,7 +111,7 @@ var Graph = (function () {
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
m3
'
labelString
:
'
Cubic meters (
m3
)
'
}
}]
}
...
...
@@ -144,11 +120,34 @@ var Graph = (function () {
function
addData
(
dataset
,
datearray
,
dataarray
)
{
for
(
var
i
=
0
;
i
<
dataarray
.
length
;
i
++
)
{
dataset
.
data
.
push
({
x
:
moment
.
utc
(
datearray
.
datetime
[
i
]
).
format
(
timeFormat
)
,
x
:
datearray
.
datetime
[
i
],
y
:
dataarray
[
i
]
});
}
}
function
configItem
(
label
,
color
)
{
return
{
fill
:
false
,
borderColor
:
color
,
label
:
label
,
data
:
[]
};
}
var
datasets
=
{
'
meterpersecond
'
:
[
configItem
(
'
Wind (m/s)
'
,
chartColors
.
blue
)
]
};
oilcubicButton
.
onclick
=
function
(
evt
)
{
self
.
chart
.
data
.
datasets
=
datasets
[
'
cubicmeter
'
];
self
.
chart
.
options
.
scales
.
yAxes
[
0
].
scaleLabel
.
labelString
=
"
Cubic meters (m3)
"
;
self
.
chart
.
update
();
};
oilpercentageButton
.
onclick
=
function
(
evt
)
{
self
.
chart
.
data
.
datasets
=
datasets
[
'
percentage
'
];
self
.
chart
.
options
.
scales
.
yAxes
[
0
].
scaleLabel
.
labelString
=
"
Percentage (%)
"
;
self
.
chart
.
update
();
};
reqwest
({
url
:
"
/demo/graph/
"
+
self
.
id
,
method
:
'
get
'
,
...
...
@@ -156,12 +155,68 @@ var Graph = (function () {
success
:
function
(
jsondata
)
{
console
.
log
(
jsondata
);
if
(
jsondata
.
cubicmeter
)
{
addData
(
self
.
chart
.
data
.
datasets
[
0
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
dispersed
);
addData
(
self
.
chart
.
data
.
datasets
[
1
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
seabed
);
addData
(
self
.
chart
.
data
.
datasets
[
2
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
shore
);
addData
(
self
.
chart
.
data
.
datasets
[
3
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
surface
);
addData
(
self
.
chart
.
data
.
datasets
[
4
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
volume
);
datasets
[
'
cubicmeter
'
]
=
[
configItem
(
'
Oil volume
'
,
chartColors
.
blue
),
configItem
(
'
Oil on shore
'
,
chartColors
.
red
),
configItem
(
'
Oil on seabed
'
,
chartColors
.
yellow
),
configItem
(
'
Oil at surface
'
,
chartColors
.
black
),
configItem
(
'
Dispersed oil
'
,
chartColors
.
orange
)
];
addData
(
datasets
[
'
cubicmeter
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
volume
);
addData
(
datasets
[
'
cubicmeter
'
][
1
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
shore
);
addData
(
datasets
[
'
cubicmeter
'
][
2
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
seabed
);
addData
(
datasets
[
'
cubicmeter
'
][
3
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
surface
);
addData
(
datasets
[
'
cubicmeter
'
][
4
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
dispersed
);
}
if
(
jsondata
.
percentage
)
{
datasets
[
'
percentage
'
]
=
[
configItem
(
'
Evaporated oil
'
,
chartColors
.
blue
),
configItem
(
'
Oil on shore
'
,
chartColors
.
red
),
configItem
(
'
Oil on seabed
'
,
chartColors
.
yellow
),
configItem
(
'
Oil at surface
'
,
chartColors
.
black
),
configItem
(
'
Dispersed oil
'
,
chartColors
.
orange
),
configItem
(
'
Water content
'
,
chartColors
.
purple
)
];
addData
(
datasets
[
'
percentage
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
evaporated
);
addData
(
datasets
[
'
percentage
'
][
1
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
shore
);
addData
(
datasets
[
'
percentage
'
][
2
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
seabed
);
addData
(
datasets
[
'
percentage
'
][
3
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
surface
);
addData
(
datasets
[
'
percentage
'
][
4
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
dispersed
);
addData
(
datasets
[
'
percentage
'
][
5
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
watercontent
);
}
if
(
jsondata
.
cst
)
{
datasets
[
'
cst
'
]
=
[
configItem
(
'
Viscosity
'
,
chartColors
.
blue
)
];
addData
(
datasets
[
'
cst
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
cst
.
viscosity
);
}
if
(
jsondata
.
degree
)
{
datasets
[
'
degree
'
]
=
[
configItem
(
'
Current (degree)
'
,
chartColors
.
blue
),
configItem
(
'
Wind (degree)
'
,
chartColors
.
red
)
];
addData
(
datasets
[
'
degree
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
degree
.
current
);
addData
(
datasets
[
'
degree
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
degree
.
wind
);
}
if
(
jsondata
.
kilopercubicmeter
)
{
datasets
[
'
kilopercubicmeter
'
]
=
[
configItem
(
'
Density
'
,
chartColors
.
blue
)
];
addData
(
datasets
[
'
kilopercubicmeter
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
kilopercubicmeter
.
density
);
}
if
(
jsondata
.
knot
)
{
datasets
[
'
knot
'
]
=
[
configItem
(
'
Current (knot)
'
,
chartColors
.
blue
)
];
addData
(
datasets
[
'
knot
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
knot
.
current
);
}
if
(
jsondata
.
meterpersecond
)
{
datasets
[
'
meterpersecond
'
]
=
[
configItem
(
'
Wind (m/s)
'
,
chartColors
.
blue
)
];
addData
(
datasets
[
'
meterpersecond
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
meterpersecond
.
wind
);
}
self
.
chart
.
data
.
datasets
=
datasets
[
'
cubicmeter
'
];
self
.
chart
.
update
();
}
});
...
...
src/stw-padmws-graph.js.map
View file @
69849fa3
{"version":3,"file":"stw-padmws-graph.js","sourceRoot":"","sources":["stw-padmws-graph.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
{"version":3,"file":"stw-padmws-graph.js","sourceRoot":"","sources":["stw-padmws-graph.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
src/stw-padmws-graph.ts
View file @
69849fa3
...
...
@@ -74,15 +74,16 @@ class Graph {
oilpercentageButton
.
textContent
=
"
Oil %
"
;
var
chartDiv
=
<
HTMLDivElement
>
self
.
createDom
(
'
div
'
,
'
uk-width-1-1
'
,
mainDiv
);
self
.
chartCanvas
=
<
HTMLCanvasElement
>
self
.
createDom
(
'
canvas
'
,
'
chart-padding
'
,
chartDiv
);
$
(
selectionForm
).
submit
(
function
(
e
){
$
(
selectionForm
).
submit
(
function
(
e
)
{
return
false
;
});
var
chartColors
=
{
red
:
'
rgb(255, 99, 132)
'
,
black
:
'
rgb(0, 0, 0)
'
,
orange
:
'
rgb(255, 159, 64)
'
,
yellow
:
'
rgb(255, 205, 86)
'
,
green
:
'
rgb(75, 192, 192)
'
,
...
...
@@ -91,84 +92,91 @@ class Graph {
grey
:
'
rgb(231,233,237)
'
};
$
(
'
#
'
+
targetid
).
on
({
$
(
'
#
'
+
targetid
).
on
({
'
show.uk.modal
'
:
function
()
{
var
timeFormat
=
'
YYYY-MM-DD HH:mm
'
;
self
.
chart
=
new
Chart
(
self
.
chartCanvas
,
{
type
:
'
line
'
,
data
:
{
datasets
:
[{
fill
:
false
,
borderColor
:
chartColors
.
red
,
label
:
'
Dispersed oil
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
orange
,
label
:
'
Oil on Seabed
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
yellow
,
label
:
'
Oil on shore
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
green
,
label
:
'
Oil at surface
'
},
{
fill
:
false
,
borderColor
:
chartColors
.
blue
,
label
:
'
Oil volume
'
}]
type
:
'
line
'
,
data
:
{
datasets
:
[
// configItem('Dispersed oil',chartColors.red),
// configItem('Oil on Seabed',chartColors.orange),
// configItem('Oil on shore',chartColors.yellow),
// configItem('Oil at surface',chartColors.green),
// configItem('Oil volume',chartColors.blue)
]
},
options
:
{
legend
:
{
onClick
:
function
(
event
,
legendItem
)
{
(
legendItem
.
hidden
)
?
self
.
chart
.
data
.
datasets
[
legendItem
.
datasetIndex
].
hidden
=
false
:
self
.
chart
.
data
.
datasets
[
legendItem
.
datasetIndex
].
hidden
=
true
;
self
.
chart
.
update
();
}
},
options
:
{
legend
:
{
onClick
:
function
(
event
,
legendItem
)
{
(
legendItem
.
hidden
)?
self
.
chart
.
data
.
datasets
[
legendItem
.
datasetIndex
].
hidden
=
false
:
self
.
chart
.
data
.
datasets
[
legendItem
.
datasetIndex
].
hidden
=
true
;
self
.
chart
.
update
();
}
},
maintainAspectRatio
:
false
,
scales
:
{
xAxes
:
[{
type
:
'
time
'
,
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
Timeperiod
'
},
time
:
{
unit
:
'
hour
'
,
displayFormats
:
{
'
hour
'
:
'
YYYY-MM-DD HH
'
}
},
ticks
:
{
autoSkip
:
true
,
maxTicksLimit
:
20
}
}],
yAxes
:
[{
maintainAspectRatio
:
false
,
scales
:
{
xAxes
:
[{
type
:
'
time
'
,
display
:
true
,
scaleLabel
:
{
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
m3
'
labelString
:
'
Timeperiod
'
},
time
:
{
unit
:
'
hour
'
,
displayFormats
:
{
'
hour
'
:
'
YYYY-MM-DD HH
'
}
}]
}
}
},
ticks
:
{
autoSkip
:
true
,
maxTicksLimit
:
20
}
}],
yAxes
:
[{
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
Cubic meters (m3)
'
}
}]
}
}
});
function
addData
(
dataset
,
datearray
,
dataarray
)
{
for
(
var
i
=
0
;
i
<
dataarray
.
length
;
i
++
)
{
dataset
.
data
.
push
({
x
:
moment
.
utc
(
datearray
.
datetime
[
i
]
).
format
(
timeFormat
)
,
y
:
dataarray
[
i
]
x
:
datearray
.
datetime
[
i
],
y
:
dataarray
[
i
]
});
}
}
function
configItem
(
label
:
string
,
color
:
any
)
{
return
{
fill
:
false
,
borderColor
:
color
,
label
:
label
,
data
:
[]
}
}
var
datasets
=
{
'
meterpersecond
'
:
[
configItem
(
'
Wind (m/s)
'
,
chartColors
.
blue
)
]
};
oilcubicButton
.
onclick
=
function
(
evt
){
self
.
chart
.
data
.
datasets
=
datasets
[
'
cubicmeter
'
];
self
.
chart
.
options
.
scales
.
yAxes
[
0
].
scaleLabel
.
labelString
=
"
Cubic meters (m3)
"
;
self
.
chart
.
update
();
};
oilpercentageButton
.
onclick
=
function
(
evt
){
self
.
chart
.
data
.
datasets
=
datasets
[
'
percentage
'
];
self
.
chart
.
options
.
scales
.
yAxes
[
0
].
scaleLabel
.
labelString
=
"
Percentage (%)
"
;
self
.
chart
.
update
();
};
reqwest
({
url
:
"
/demo/graph/
"
+
self
.
id
,
...
...
@@ -177,16 +185,71 @@ class Graph {
success
:
function
(
jsondata
)
{
console
.
log
(
jsondata
);
if
(
jsondata
.
cubicmeter
)
{
addData
(
self
.
chart
.
data
.
datasets
[
0
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
dispersed
);
addData
(
self
.
chart
.
data
.
datasets
[
1
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
seabed
);
addData
(
self
.
chart
.
data
.
datasets
[
2
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
shore
);
addData
(
self
.
chart
.
data
.
datasets
[
3
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
surface
);
addData
(
self
.
chart
.
data
.
datasets
[
4
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
volume
);
datasets
[
'
cubicmeter
'
]
=
[
configItem
(
'
Oil volume
'
,
chartColors
.
blue
),
configItem
(
'
Oil on shore
'
,
chartColors
.
red
),
configItem
(
'
Oil on seabed
'
,
chartColors
.
yellow
),
configItem
(
'
Oil at surface
'
,
chartColors
.
black
),
configItem
(
'
Dispersed oil
'
,
chartColors
.
orange
)
]
addData
(
datasets
[
'
cubicmeter
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
volume
);
addData
(
datasets
[
'
cubicmeter
'
][
1
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
shore
);
addData
(
datasets
[
'
cubicmeter
'
][
2
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
seabed
);
addData
(
datasets
[
'
cubicmeter
'
][
3
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
surface
);
addData
(
datasets
[
'
cubicmeter
'
][
4
],
jsondata
.
millisecond
,
jsondata
.
cubicmeter
.
dispersed
);
}
if
(
jsondata
.
percentage
)
{
datasets
[
'
percentage
'
]
=
[
configItem
(
'
Evaporated oil
'
,
chartColors
.
blue
),
configItem
(
'
Oil on shore
'
,
chartColors
.
red
),
configItem
(
'
Oil on seabed
'
,
chartColors
.
yellow
),
configItem
(
'
Oil at surface
'
,
chartColors
.
black
),
configItem
(
'
Dispersed oil
'
,
chartColors
.
orange
),
configItem
(
'
Water content
'
,
chartColors
.
purple
)
]
addData
(
datasets
[
'
percentage
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
evaporated
);
addData
(
datasets
[
'
percentage
'
][
1
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
shore
);
addData
(
datasets
[
'
percentage
'
][
2
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
seabed
);
addData
(
datasets
[
'
percentage
'
][
3
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
surface
);
addData
(
datasets
[
'
percentage
'
][
4
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
dispersed
);
addData
(
datasets
[
'
percentage
'
][
5
],
jsondata
.
millisecond
,
jsondata
.
percentage
.
watercontent
);
}
if
(
jsondata
.
cst
)
{
datasets
[
'
cst
'
]
=
[
configItem
(
'
Viscosity
'
,
chartColors
.
blue
)
]
addData
(
datasets
[
'
cst
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
cst
.
viscosity
);
}
if
(
jsondata
.
degree
)
{
datasets
[
'
degree
'
]
=
[
configItem
(
'
Current (degree)
'
,
chartColors
.
blue
),
configItem
(
'
Wind (degree)
'
,
chartColors
.
red
)
]
addData
(
datasets
[
'
degree
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
degree
.
current
);
addData
(
datasets
[
'
degree
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
degree
.
wind
);
}
if
(
jsondata
.
kilopercubicmeter
)
{
datasets
[
'
kilopercubicmeter
'
]
=
[
configItem
(
'
Density
'
,
chartColors
.
blue
)
]
addData
(
datasets
[
'
kilopercubicmeter
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
kilopercubicmeter
.
density
);
}
if
(
jsondata
.
knot
)
{
datasets
[
'
knot
'
]
=
[
configItem
(
'
Current (knot)
'
,
chartColors
.
blue
)
]
addData
(
datasets
[
'
knot
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
knot
.
current
);
}
if
(
jsondata
.
meterpersecond
)
{
datasets
[
'
meterpersecond
'
]
=
[
configItem
(
'
Wind (m/s)
'
,
chartColors
.
blue
)
]
addData
(
datasets
[
'
meterpersecond
'
][
0
],
jsondata
.
millisecond
,
jsondata
.
meterpersecond
.
wind
);
}
self
.
chart
.
data
.
datasets
=
datasets
[
'
cubicmeter
'
];
self
.
chart
.
update
();
}
});
});
}
});
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment