Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
S
stw-padmws-graph
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Incidents
Environments
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
stw
stw-padmws-graph
Commits
b33d51b6
Commit
b33d51b6
authored
Mar 09, 2017
by
Tomas Pettersson
🏸
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
chart init
parent
3ecd8612
Changes
4
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
161 additions
and
32 deletions
+161
-32
demo/data/39e8929d-8d9d-4b0f-b95b-61361bd7446e.json
demo/data/39e8929d-8d9d-4b0f-b95b-61361bd7446e.json
+1
-1
src/stw-padmws-graph.js
src/stw-padmws-graph.js
+77
-14
src/stw-padmws-graph.js.map
src/stw-padmws-graph.js.map
+1
-1
src/stw-padmws-graph.ts
src/stw-padmws-graph.ts
+82
-16
No files found.
demo/data/39e8929d-8d9d-4b0f-b95b-61361bd7446e.json
View file @
b33d51b6
This diff is collapsed.
Click to expand it.
src/stw-padmws-graph.js
View file @
b33d51b6
...
...
@@ -63,42 +63,105 @@ var Graph = (function () {
$
(
selectionForm
).
submit
(
function
(
e
)
{
return
false
;
});
var
chartColors
=
{
red
:
'
rgb(255, 99, 132)
'
,
orange
:
'
rgb(255, 159, 64)
'
,
yellow
:
'
rgb(255, 205, 86)
'
,
green
:
'
rgb(75, 192, 192)
'
,
blue
:
'
rgb(54, 162, 235)
'
,
purple
:
'
rgb(153, 102, 255)
'
,
grey
:
'
rgb(231,233,237)
'
};
$
(
'
#
'
+
targetid
).
on
({
'
show.uk.modal
'
:
function
()
{
var
timeFormat
=
'
YYYY-MM-DD HH:mm
'
;
self
.
chart
=
new
Chart
(
self
.
chartCanvas
,
{
type
:
'
line
'
,
data
:
{
datasets
:
[{
label
:
'
Scatter Dataset
'
,
data
:
[]
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
'
}]
},
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
:
'
linear
'
,
position
:
'
bottom
'
type
:
'
time
'
,
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
Timeperiod
'
},
time
:
{
unit
:
'
hour
'
,
displayFormats
:
{
'
hour
'
:
'
YYYY-MM-DD HH
'
}
},
ticks
:
{
autoSkip
:
true
,
maxTicksLimit
:
20
}
}],
yAxes
:
[{
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
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
]
});
}
}
reqwest
({
url
:
"
/demo/graph/
"
+
self
.
id
,
method
:
'
get
'
,
type
:
'
json
'
,
success
:
function
(
jsondata
)
{
console
.
log
(
jsondata
);
self
.
chart
.
data
.
datasets
[
0
].
data
=
[{
x
:
-
10
,
y
:
0
},
{
x
:
0
,
y
:
10
},
{
x
:
10
,
y
:
5
}];
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
);
}
self
.
chart
.
update
();
}
});
...
...
src/stw-padmws-graph.js.map
View file @
b33d51b6
{"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 @
b33d51b6
...
...
@@ -81,42 +81,108 @@ class Graph {
return
false
;
});
var
chartColors
=
{
red
:
'
rgb(255, 99, 132)
'
,
orange
:
'
rgb(255, 159, 64)
'
,
yellow
:
'
rgb(255, 205, 86)
'
,
green
:
'
rgb(75, 192, 192)
'
,
blue
:
'
rgb(54, 162, 235)
'
,
purple
:
'
rgb(153, 102, 255)
'
,
grey
:
'
rgb(231,233,237)
'
};
$
(
'
#
'
+
targetid
).
on
({
'
show.uk.modal
'
:
function
()
{
var
timeFormat
=
'
YYYY-MM-DD HH:mm
'
;
self
.
chart
=
new
Chart
(
self
.
chartCanvas
,
{
type
:
'
line
'
,
type
:
'
line
'
,
data
:
{
datasets
:
[{
label
:
'
Scatter Dataset
'
,
data
:
[]
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
'
}]
},
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
:
'
linear
'
,
position
:
'
bottom
'
}]
type
:
'
time
'
,
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
Timeperiod
'
},
time
:
{
unit
:
'
hour
'
,
displayFormats
:
{
'
hour
'
:
'
YYYY-MM-DD HH
'
}
},
ticks
:
{
autoSkip
:
true
,
maxTicksLimit
:
20
}
}],
yAxes
:
[{
display
:
true
,
scaleLabel
:
{
display
:
true
,
labelString
:
'
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
]
});
}
}
reqwest
({
url
:
"
/demo/graph/
"
+
self
.
id
,
method
:
'
get
'
,
type
:
'
json
'
,
success
:
function
(
jsondata
)
{
console
.
log
(
jsondata
);
self
.
chart
.
data
.
datasets
[
0
].
data
=
[{
x
:
-
10
,
y
:
0
},
{
x
:
0
,
y
:
10
},
{
x
:
10
,
y
:
5
}];
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
);
}
self
.
chart
.
update
();
}
...
...
Write
Preview
Markdown
is supported
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