Added all charts (pre optimization)
This commit is contained in:
parent
f85346aea9
commit
f862e4b8da
@ -252,11 +252,8 @@ class Dashboard extends Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getLineSeries() {
|
getLineSeries() {
|
||||||
const xSecondsAgo = new Date( Date.now() - 1000 * 2 );
|
|
||||||
const aSecondAgo = new Date( Date.now() - 1000 * 1);
|
|
||||||
const messages = {};
|
const messages = {};
|
||||||
|
|
||||||
var counter = 0;
|
|
||||||
for (var p of this.context.heatmapPoints) {
|
for (var p of this.context.heatmapPoints) {
|
||||||
var shortDate = p.date.toUTCString();
|
var shortDate = p.date.toUTCString();
|
||||||
var message = messages[shortDate];
|
var message = messages[shortDate];
|
||||||
@ -267,13 +264,14 @@ class Dashboard extends Component {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const series = [{data: []}];
|
const series = [{name: "message/sec", data: []}];
|
||||||
for (var m in messages) {
|
for (var m in messages) {
|
||||||
series[0].data.push({
|
series[0].data.push({
|
||||||
x: new Date(m).getTime(),
|
x: new Date(m).getTime(),
|
||||||
y: messages[m],
|
y: messages[m],
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
return series;
|
return series;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -16,18 +16,6 @@ export class BarChart extends Component {
|
|||||||
this.setState({options: {
|
this.setState({options: {
|
||||||
chart: {
|
chart: {
|
||||||
stacked: true,
|
stacked: true,
|
||||||
animations: {
|
|
||||||
enabled: false,
|
|
||||||
easing: 'linear',
|
|
||||||
speed: 1000,
|
|
||||||
animateGradually: {
|
|
||||||
enabled: false,
|
|
||||||
},
|
|
||||||
dynamicAnimation: {
|
|
||||||
enabled: true,
|
|
||||||
speed: 500
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
plotOptions: {
|
plotOptions: {
|
||||||
bar: {
|
bar: {
|
||||||
|
@ -9,20 +9,6 @@ export class DonutChart extends Component {
|
|||||||
|
|
||||||
this.state = {
|
this.state = {
|
||||||
options: {
|
options: {
|
||||||
chart: {
|
|
||||||
animations: {
|
|
||||||
enabled: false,
|
|
||||||
easing: 'linear',
|
|
||||||
speed: 1000,
|
|
||||||
animateGradually: {
|
|
||||||
enabled: false,
|
|
||||||
},
|
|
||||||
dynamicAnimation: {
|
|
||||||
enabled: true,
|
|
||||||
speed: 500
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
legend: {
|
legend: {
|
||||||
fontSize: '18px',
|
fontSize: '18px',
|
||||||
},
|
},
|
||||||
|
@ -8,20 +8,6 @@ export class HeatmapChart extends Component {
|
|||||||
|
|
||||||
this.state = {
|
this.state = {
|
||||||
options: {
|
options: {
|
||||||
chart: {
|
|
||||||
animations: {
|
|
||||||
enabled: false,
|
|
||||||
easing: 'linear',
|
|
||||||
speed: 1000,
|
|
||||||
animateGradually: {
|
|
||||||
enabled: false,
|
|
||||||
},
|
|
||||||
dynamicAnimation: {
|
|
||||||
enabled: true,
|
|
||||||
speed: 500
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
dataLabels: {
|
dataLabels: {
|
||||||
enabled: false
|
enabled: false
|
||||||
},
|
},
|
||||||
|
@ -10,15 +10,15 @@ export class LineChart extends Component {
|
|||||||
options: {
|
options: {
|
||||||
chart: {
|
chart: {
|
||||||
animations: {
|
animations: {
|
||||||
enabled: false,
|
enabled: true,
|
||||||
easing: 'linear',
|
easing: 'linear',
|
||||||
speed: 1000,
|
speed: 1000,
|
||||||
animateGradually: {
|
animateGradually: {
|
||||||
enabled: false,
|
enabled: false,
|
||||||
},
|
},
|
||||||
dynamicAnimation: {
|
dynamicAnimation: {
|
||||||
enabled: true,
|
enabled: false,
|
||||||
speed: 500
|
speed: 1000
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
zoom: {
|
zoom: {
|
||||||
|
Loading…
Reference in New Issue
Block a user