monasca-ui/grafana-dashboards/drilldown.js

100 lines
1.9 KiB
JavaScript

/* global _ */
/*
* Complex scripted dashboard
* This script generates a dashboard object that Grafana can load. It also takes a number of user
* supplied URL parameters (in the ARGS variable)
*
* Return a dashboard object, or a function
*/
'use strict';
// accessible variables in this scope
var window, document, ARGS, $, jQuery, moment, kbn;
// Setup some variables
var dashboard;
// All url parameters are available via the ARGS object
var ARGS;
// Setup the metric dimensions.
var dimensions = [];
for (var key in ARGS) {
var isDimParam = key.startsWith("dim_");
if (isDimParam) {
var value = ARGS[key];
var dim = {
"key": key.substring(4),
"value": value
};
dimensions.push(dim);
}
}
// Intialize a skeleton with nothing but a rows array and service object
dashboard = {
rows : [],
};
// Set a title
dashboard.title = 'Alarm drilldown';
// Set default time
// time can be overriden in the url using from/to parameters, but this is
// handled automatically in grafana core during dashboard initialization
dashboard.time = {
from: "now-6h",
to: "now"
};
var rows = 1;
var metricName = '';
var hostname = '';
if(!_.isUndefined(ARGS.rows)) {
rows = parseInt(ARGS.rows, 10);
}
if(!_.isUndefined(ARGS.metric)) {
metricName = ARGS.metric;
}
if(!_.isUndefined(ARGS.hostname)) {
hostname = ARGS.hostname;
}
for (var i = 0; i < rows; i++) {
dashboard.rows.push({
title: 'Chart',
height: '300px',
panels: [
{
title: metricName,
type: 'graph',
span: 12,
fill: 1,
linewidth: 2,
targets: [
{
"aggregator": "avg",
"alias": hostname,
"dimensions": dimensions,
"metric": metricName,
"period": "300",
}
],
tooltip: {
shared: true
}
}
]
});
}
return dashboard;