2015-11-03 00:00:47 +08:00
|
|
|
///<reference path="../headers/common.d.ts" />
|
|
|
|
|
|
2015-12-22 20:59:11 +08:00
|
|
|
import kbn from 'app/core/utils/kbn';
|
|
|
|
|
import _ from 'lodash';
|
2015-11-03 00:00:47 +08:00
|
|
|
|
|
|
|
|
function matchSeriesOverride(aliasOrRegex, seriesAlias) {
|
|
|
|
|
if (!aliasOrRegex) { return false; }
|
|
|
|
|
|
|
|
|
|
if (aliasOrRegex[0] === '/') {
|
|
|
|
|
var regex = kbn.stringToJsRegex(aliasOrRegex);
|
|
|
|
|
return seriesAlias.match(regex) != null;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return aliasOrRegex === seriesAlias;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function translateFillOption(fill) {
|
|
|
|
|
return fill === 0 ? 0.001 : fill/10;
|
|
|
|
|
}
|
|
|
|
|
|
2015-12-16 19:21:13 +08:00
|
|
|
export default class TimeSeries {
|
2015-11-03 00:00:47 +08:00
|
|
|
datapoints: any;
|
|
|
|
|
id: string;
|
|
|
|
|
label: string;
|
|
|
|
|
alias: string;
|
|
|
|
|
color: string;
|
|
|
|
|
valueFormater: any;
|
|
|
|
|
stats: any;
|
|
|
|
|
legend: boolean;
|
|
|
|
|
allIsNull: boolean;
|
2015-11-25 20:38:54 +08:00
|
|
|
allIsZero: boolean;
|
2015-11-03 00:00:47 +08:00
|
|
|
decimals: number;
|
|
|
|
|
scaledDecimals: number;
|
|
|
|
|
|
|
|
|
|
lines: any;
|
|
|
|
|
bars: any;
|
|
|
|
|
points: any;
|
|
|
|
|
yaxis: any;
|
|
|
|
|
zindex: any;
|
|
|
|
|
stack: any;
|
2015-11-19 13:46:22 +08:00
|
|
|
nullPointMode: any;
|
2015-11-03 00:00:47 +08:00
|
|
|
fillBelowTo: any;
|
|
|
|
|
transform: any;
|
2016-01-25 00:10:26 +08:00
|
|
|
flotpairs: any;
|
2015-11-03 00:00:47 +08:00
|
|
|
|
|
|
|
|
constructor(opts) {
|
2014-02-05 20:03:56 +08:00
|
|
|
this.datapoints = opts.datapoints;
|
2014-11-09 02:16:22 +08:00
|
|
|
this.label = opts.alias;
|
|
|
|
|
this.id = opts.alias;
|
|
|
|
|
this.alias = opts.alias;
|
|
|
|
|
this.color = opts.color;
|
2014-10-07 00:17:48 +08:00
|
|
|
this.valueFormater = kbn.valueFormats.none;
|
2014-10-07 00:37:51 +08:00
|
|
|
this.stats = {};
|
2015-07-10 18:16:41 +08:00
|
|
|
this.legend = true;
|
2014-08-19 22:22:18 +08:00
|
|
|
}
|
2013-12-06 21:53:05 +08:00
|
|
|
|
2015-11-03 00:00:47 +08:00
|
|
|
applySeriesOverrides(overrides) {
|
2014-08-20 16:27:30 +08:00
|
|
|
this.lines = {};
|
|
|
|
|
this.points = {};
|
|
|
|
|
this.bars = {};
|
2014-11-09 02:16:22 +08:00
|
|
|
this.yaxis = 1;
|
2014-08-20 17:31:40 +08:00
|
|
|
this.zindex = 0;
|
2015-11-19 13:46:22 +08:00
|
|
|
this.nullPointMode = null;
|
2014-08-20 16:27:30 +08:00
|
|
|
delete this.stack;
|
|
|
|
|
|
|
|
|
|
for (var i = 0; i < overrides.length; i++) {
|
|
|
|
|
var override = overrides[i];
|
2014-11-09 02:16:22 +08:00
|
|
|
if (!matchSeriesOverride(override.alias, this.alias)) {
|
2014-08-20 16:27:30 +08:00
|
|
|
continue;
|
|
|
|
|
}
|
|
|
|
|
if (override.lines !== void 0) { this.lines.show = override.lines; }
|
|
|
|
|
if (override.points !== void 0) { this.points.show = override.points; }
|
|
|
|
|
if (override.bars !== void 0) { this.bars.show = override.bars; }
|
|
|
|
|
if (override.fill !== void 0) { this.lines.fill = translateFillOption(override.fill); }
|
|
|
|
|
if (override.stack !== void 0) { this.stack = override.stack; }
|
|
|
|
|
if (override.linewidth !== void 0) { this.lines.lineWidth = override.linewidth; }
|
2015-11-19 13:46:22 +08:00
|
|
|
if (override.nullPointMode !== void 0) { this.nullPointMode = override.nullPointMode; }
|
2014-08-20 16:27:30 +08:00
|
|
|
if (override.pointradius !== void 0) { this.points.radius = override.pointradius; }
|
|
|
|
|
if (override.steppedLine !== void 0) { this.lines.steps = override.steppedLine; }
|
2014-08-20 16:50:26 +08:00
|
|
|
if (override.zindex !== void 0) { this.zindex = override.zindex; }
|
2014-10-15 22:55:46 +08:00
|
|
|
if (override.fillBelowTo !== void 0) { this.fillBelowTo = override.fillBelowTo; }
|
2015-05-14 18:34:30 +08:00
|
|
|
if (override.color !== void 0) { this.color = override.color; }
|
2015-06-13 02:06:47 +08:00
|
|
|
if (override.transform !== void 0) { this.transform = override.transform; }
|
2015-07-10 18:16:41 +08:00
|
|
|
if (override.legend !== void 0) { this.legend = override.legend; }
|
2014-10-15 22:55:46 +08:00
|
|
|
|
2014-08-20 16:27:30 +08:00
|
|
|
if (override.yaxis !== void 0) {
|
2014-11-09 02:16:22 +08:00
|
|
|
this.yaxis = override.yaxis;
|
2014-08-20 16:27:30 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
2015-11-03 00:00:47 +08:00
|
|
|
getFlotPairs(fillStyle) {
|
2014-02-05 20:03:56 +08:00
|
|
|
var result = [];
|
|
|
|
|
|
2014-10-07 00:37:51 +08:00
|
|
|
this.stats.total = 0;
|
2014-11-26 16:34:21 +08:00
|
|
|
this.stats.max = -Number.MAX_VALUE;
|
2014-10-10 22:45:34 +08:00
|
|
|
this.stats.min = Number.MAX_VALUE;
|
|
|
|
|
this.stats.avg = null;
|
|
|
|
|
this.stats.current = null;
|
2014-11-07 20:39:47 +08:00
|
|
|
this.allIsNull = true;
|
2015-11-25 20:38:54 +08:00
|
|
|
this.allIsZero = true;
|
2014-02-06 17:19:26 +08:00
|
|
|
|
2014-07-04 17:50:11 +08:00
|
|
|
var ignoreNulls = fillStyle === 'connected';
|
|
|
|
|
var nullAsZero = fillStyle === 'null as zero';
|
|
|
|
|
var currentTime;
|
|
|
|
|
var currentValue;
|
2015-11-16 21:43:41 +08:00
|
|
|
var nonNulls = 0;
|
2014-07-04 17:50:11 +08:00
|
|
|
|
|
|
|
|
for (var i = 0; i < this.datapoints.length; i++) {
|
|
|
|
|
currentValue = this.datapoints[i][0];
|
|
|
|
|
currentTime = this.datapoints[i][1];
|
|
|
|
|
|
2014-02-05 20:03:56 +08:00
|
|
|
if (currentValue === null) {
|
2014-07-04 17:50:11 +08:00
|
|
|
if (ignoreNulls) { continue; }
|
|
|
|
|
if (nullAsZero) {
|
2014-02-05 20:03:56 +08:00
|
|
|
currentValue = 0;
|
|
|
|
|
}
|
2013-12-06 21:53:05 +08:00
|
|
|
}
|
|
|
|
|
|
2015-03-13 16:27:08 +08:00
|
|
|
if (currentValue !== null) {
|
|
|
|
|
if (_.isNumber(currentValue)) {
|
|
|
|
|
this.stats.total += currentValue;
|
|
|
|
|
this.allIsNull = false;
|
2015-11-16 21:43:41 +08:00
|
|
|
nonNulls++;
|
2015-03-13 16:27:08 +08:00
|
|
|
}
|
2014-02-06 17:19:26 +08:00
|
|
|
|
2015-03-13 16:27:08 +08:00
|
|
|
if (currentValue > this.stats.max) {
|
|
|
|
|
this.stats.max = currentValue;
|
|
|
|
|
}
|
2014-02-06 17:19:26 +08:00
|
|
|
|
2015-03-13 16:27:08 +08:00
|
|
|
if (currentValue < this.stats.min) {
|
|
|
|
|
this.stats.min = currentValue;
|
|
|
|
|
}
|
2014-02-06 17:19:26 +08:00
|
|
|
}
|
|
|
|
|
|
2016-01-14 04:07:57 +08:00
|
|
|
if (currentValue !== 0) {
|
2015-11-25 20:38:54 +08:00
|
|
|
this.allIsZero = false;
|
|
|
|
|
}
|
|
|
|
|
|
2014-11-12 15:39:04 +08:00
|
|
|
result.push([currentTime, currentValue]);
|
2014-07-04 17:50:11 +08:00
|
|
|
}
|
2014-02-06 17:19:26 +08:00
|
|
|
|
2014-10-10 22:45:34 +08:00
|
|
|
if (this.datapoints.length >= 2) {
|
2014-11-12 15:39:04 +08:00
|
|
|
this.stats.timeStep = this.datapoints[1][1] - this.datapoints[0][1];
|
2014-03-02 20:26:08 +08:00
|
|
|
}
|
|
|
|
|
|
2014-11-26 16:34:21 +08:00
|
|
|
if (this.stats.max === -Number.MAX_VALUE) { this.stats.max = null; }
|
2014-10-10 22:45:34 +08:00
|
|
|
if (this.stats.min === Number.MAX_VALUE) { this.stats.min = null; }
|
|
|
|
|
|
2014-02-06 20:26:35 +08:00
|
|
|
if (result.length) {
|
2015-11-16 21:43:41 +08:00
|
|
|
this.stats.avg = (this.stats.total / nonNulls);
|
2014-10-07 00:37:51 +08:00
|
|
|
this.stats.current = result[result.length-1][1];
|
2014-11-12 20:47:06 +08:00
|
|
|
if (this.stats.current === null && result.length > 1) {
|
|
|
|
|
this.stats.current = result[result.length-2][1];
|
|
|
|
|
}
|
2014-02-06 20:26:35 +08:00
|
|
|
}
|
2013-12-06 21:53:05 +08:00
|
|
|
|
2015-11-19 00:05:21 +08:00
|
|
|
this.stats.count = result.length;
|
2013-12-06 21:53:05 +08:00
|
|
|
return result;
|
2015-11-03 00:00:47 +08:00
|
|
|
}
|
2013-12-06 21:53:05 +08:00
|
|
|
|
2015-11-03 00:00:47 +08:00
|
|
|
updateLegendValues(formater, decimals, scaledDecimals) {
|
2014-10-07 00:17:48 +08:00
|
|
|
this.valueFormater = formater;
|
|
|
|
|
this.decimals = decimals;
|
|
|
|
|
this.scaledDecimals = scaledDecimals;
|
2015-11-03 00:00:47 +08:00
|
|
|
}
|
2014-10-07 00:17:48 +08:00
|
|
|
|
2015-11-03 00:00:47 +08:00
|
|
|
formatValue(value) {
|
2014-10-07 00:17:48 +08:00
|
|
|
return this.valueFormater(value, this.decimals, this.scaledDecimals);
|
2015-11-03 00:00:47 +08:00
|
|
|
}
|
2016-03-01 16:20:34 +08:00
|
|
|
|
|
|
|
|
isMsResolutionNeeded() {
|
2016-03-01 17:09:14 +08:00
|
|
|
for (var i = 0; i<this.datapoints.length; i++) {
|
2016-03-01 21:10:09 +08:00
|
|
|
if (this.datapoints[i][0] !== null) {
|
|
|
|
|
var timestamp = this.datapoints[i][0].toString();
|
|
|
|
|
if (timestamp.length === 13 && (timestamp % 1000) !== 0) {
|
|
|
|
|
return true;
|
|
|
|
|
}
|
2016-03-01 16:20:34 +08:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return false;
|
|
|
|
|
}
|
2015-11-03 00:00:47 +08:00
|
|
|
}
|