🎨
This commit is contained in:
parent
ddbb7c5993
commit
7f835d7f76
2 changed files with 20 additions and 6 deletions
|
@ -43,11 +43,19 @@ export default Vue.extend({
|
||||||
stats(stats) {
|
stats(stats) {
|
||||||
this.inChart.updateSeries([{
|
this.inChart.updateSeries([{
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.inbox.activeSincePrevTick }))
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.activeSincePrevTick }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.active }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.waiting }))
|
||||||
}, {
|
}, {
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.inbox.delayed }))
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.delayed }))
|
||||||
}]);
|
}]);
|
||||||
this.outChart.updateSeries([{
|
this.outChart.updateSeries([{
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.deliver.activeSincePrevTick }))
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.activeSincePrevTick }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.active }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.waiting }))
|
||||||
}, {
|
}, {
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.deliver.delayed }))
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.delayed }))
|
||||||
}]);
|
}]);
|
||||||
|
@ -88,7 +96,8 @@ export default Vue.extend({
|
||||||
legend: {
|
legend: {
|
||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
series: [{ data: [] }, { data: [] }] as any,
|
colors: ['#00E396', '#00BCD4', '#FFB300', '#e53935'],
|
||||||
|
series: [{ data: [] }, { data: [] }, { data: [] }, { data: [] }] as any,
|
||||||
xaxis: {
|
xaxis: {
|
||||||
type: 'numeric',
|
type: 'numeric',
|
||||||
labels: {
|
labels: {
|
||||||
|
|
|
@ -43,11 +43,19 @@ export default define({
|
||||||
stats(stats) {
|
stats(stats) {
|
||||||
this.inChart.updateSeries([{
|
this.inChart.updateSeries([{
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.inbox.activeSincePrevTick }))
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.activeSincePrevTick }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.active }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.waiting }))
|
||||||
}, {
|
}, {
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.inbox.delayed }))
|
data: stats.map((x, i) => ({ x: i, y: x.inbox.delayed }))
|
||||||
}]);
|
}]);
|
||||||
this.outChart.updateSeries([{
|
this.outChart.updateSeries([{
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.deliver.activeSincePrevTick }))
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.activeSincePrevTick }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.active }))
|
||||||
|
}, {
|
||||||
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.waiting }))
|
||||||
}, {
|
}, {
|
||||||
data: stats.map((x, i) => ({ x: i, y: x.deliver.delayed }))
|
data: stats.map((x, i) => ({ x: i, y: x.deliver.delayed }))
|
||||||
}]);
|
}]);
|
||||||
|
@ -81,11 +89,8 @@ export default define({
|
||||||
curve: 'straight',
|
curve: 'straight',
|
||||||
width: 1
|
width: 1
|
||||||
},
|
},
|
||||||
series: [{
|
colors: ['#00E396', '#00BCD4', '#FFB300', '#e53935'],
|
||||||
data: [] as any
|
series: [{ data: [] }, { data: [] }, { data: [] }, { data: [] }] as any,
|
||||||
}, {
|
|
||||||
data: [] as any
|
|
||||||
}],
|
|
||||||
yaxis: {
|
yaxis: {
|
||||||
min: 0,
|
min: 0,
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue