Skip to content

GitLab

S
stw-padmws-graph
Commit b33d51b6 authored by Tomas Pettersson's avatar Tomas Pettersson 🏸
Browse files
Options

chart init

parent 3ecd8612
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 161 additions and 32 deletions
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();
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment