X-Git-Url: https://git.octo.it/?p=collection4.git;a=blobdiff_plain;f=share%2Fcollection.js;h=e1764acb12b828c74d36f8f121f3fd218542164e;hp=4aacdd1e034d99d6c892cda61d3b717712042856;hb=a7babc69db47718d5e0cc1af48bafaf8eea7c3d1;hpb=f6521a3206ca097ab97112fc7306ce751630272a diff --git a/share/collection.js b/share/collection.js index 4aacdd1..e1764ac 100644 --- a/share/collection.js +++ b/share/collection.js @@ -1,3 +1,456 @@ +/** + * collection4 - collection.js + * Copyright (C) 2010 Florian octo Forster + * + * This program is free software; you can redistribute it and/or + * modify it under the terms of the GNU Lesser General Public + * License as published by the Free Software Foundation; either + * version 2.1 of the License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Lesser General Public License for more details. + * + * You should have received a copy of the GNU Lesser General Public + * License along with this program; if not, write to the Free Software + * Foundation, Inc., 51 Franklin Street, Fifth Floor, + * Boston, MA 02110-1301 USA + * + * Authors: + * Florian octo Forster + **/ + +var c4 = +{ + instances: new Array (), + config: + { + width: 324, + height: 200 + } +}; + +function value_to_string (value) /* {{{ */ +{ + var abs_value; + var v2s = function (value) + { + var tmp = Math.round (100.0 * value) / 100.0; + return ("" + tmp); + } + + if (value == null) + return ('NaN'); + else if (value == 0) + return ('0'); + + abs_value = Math.abs (value); + + if ((abs_value < 10000) && (abs_value >= 0.1)) + return (v2s (value)); + else if (abs_value > 1) + { + if (abs_value < 10000000) + return (v2s (value / 1000) + "k"); + else if (abs_value < 10000000000) + return (v2s (value / 1000000) + "M"); + else if (abs_value < 10000000000000) + return (v2s (value / 1000000000) + "G"); + else + return (v2s (value / 1000000000000) + "T"); + } + else + { + if (abs_value >= 0.001) + return (v2s (value * 1000) + "m"); + else if (abs_value >= 0.000001) + return (v2s (value * 1000000) + "u"); + else + return (v2s (value * 1000000000) + "n"); + } +} /* }}} function value_to_string */ + +function instance_get_params (inst) /* {{{ */ +{ + var graph_selector = inst.graph_selector; + var inst_selector = inst.instance_selector; + var selector = {}; + + if (graph_selector.host == inst_selector.host) + { + selector.host = graph_selector.host; + } + else + { + selector.graph_host = graph_selector.host; + selector.inst_host = inst_selector.host; + } + + if (graph_selector.plugin == inst_selector.plugin) + { + selector.plugin = graph_selector.plugin; + } + else + { + selector.graph_plugin = graph_selector.plugin; + selector.inst_plugin = inst_selector.plugin; + } + + if (graph_selector.plugin_instance == inst_selector.plugin_instance) + { + selector.plugin_instance = graph_selector.plugin_instance; + } + else + { + selector.graph_plugin_instance = graph_selector.plugin_instance; + selector.inst_plugin_instance = inst_selector.plugin_instance; + } + + if (graph_selector.type == inst_selector.type) + { + selector.type = graph_selector.type; + } + else + { + selector.graph_type = graph_selector.type; + selector.inst_type = inst_selector.type; + } + + if (graph_selector.type_instance == inst_selector.type_instance) + { + selector.type_instance = graph_selector.type_instance; + } + else + { + selector.graph_type_instance = graph_selector.type_instance; + selector.inst_type_instance = inst_selector.type_instance; + } + + return (selector); +} /* }}} instance_get_params */ + +function ident_clone (ident) /* {{{ */ +{ + var ret = {}; + + ret.host = ident.host; + ret.plugin = ident.plugin; + ret.plugin_instance = ident.plugin_instance; + ret.type = ident.type; + ret.type_instance = ident.type_instance; + + return (ret); +} /* }}} ident_clone */ + +function inst_get_defs (inst) /* {{{ */ +{ + if (!inst.def) + { + var params = instance_get_params (inst); + params.action = "graph_def_json"; + + $.ajax({ + url: "collection.fcgi", + async: false, + dataType: 'json', + data: params, + success: function (data) + { + if (!data) + return; + + inst.def = data; + }}); + } + + if (inst.def) + return (inst.def); + return; +} /* }}} inst_get_defs */ + +function ident_matches (selector, ident) /* {{{ */ +{ + var part_matches = function (s,p) + { + if (s == null) + return (false); + + if ((s == "/any/") || (s == "/all/")) + return (true); + + if (p == null) + return (false); + + if (s == p) + return (true); + + return (false); + }; + + if (!part_matches (selector.host, ident.host)) + return (false); + + if (!part_matches (selector.plugin, ident.plugin)) + return (false); + + if (!part_matches (selector.plugin_instance, ident.plugin_instance)) + return (false); + + if (!part_matches (selector.type, ident.type)) + return (false); + + if (!part_matches (selector.type_instance, ident.type_instance)) + return (false); + + return (true); +} /* }}} function ident_matches */ + +function ident_describe (ident, selector) /* {{{ */ +{ + var ret = ""; + var check_field = function (field) + { + if (ident[field].toLowerCase () != selector[field].toLowerCase ()) + { + if (ret != "") + ret += "/"; + ret += ident[field]; + } + }; + + check_field ("host"); + check_field ("plugin"); + check_field ("plugin_instance"); + check_field ("type"); + check_field ("type_instance"); + + if (ret == "") + return (null); + return (ret); +} /* }}} function ident_describe */ + +function def_draw_one (def, data, series_array) /* {{{ */ +{ + var chart_series = new Object (); + + chart_series.type = 'line'; + chart_series.pointInterval = data.interval * 1000.0; + chart_series.pointStart = data.first_value_time * 1000.0; + chart_series.data = data.data; + chart_series.lineWidth = 1; + chart_series.shadow = false; + chart_series.marker = { enabled: false }; + + if (def.legend) + chart_series.name = def.legend; + else if (def.ds_name) + chart_series.name = def.ds_name; + + if (def.area) + chart_series.type = 'area'; + + if (def.stack) + chart_series.stacking = 'normal'; + + if ((def.color) && (def.color != 'random')) + chart_series.color = def.color; + + series_array.push (chart_series); +} /* }}} function def_draw_one */ + +function def_draw (def, data_list, series_array) /* {{{ */ +{ + var i; + + for (i = 0; i < data_list.length; i++) + { + if ((def.ds_name) && (def.ds_name != data_list[i].data_source)) + continue; + if (!ident_matches (def.select, data_list[i].file)) + continue; + + def_draw_one (def, data_list[i], series_array); + } +} /* }}} function def_draw */ + +function inst_get_chart_opts (inst, def) /* {{{ */ +{ + var chart_opts = new Object (); + + chart_opts.chart = + { + renderTo: inst.container, + zoomType: 'x' + }; + chart_opts.xAxis = + { + type: 'datetime', + maxZoom: 300, // five minutes + title: { text: null }, + events: + { + setExtremes: function (event) + { + var begin = null; + var end = null; + + if ((event.min) && (event.max)) + { + begin = event.min / 1000.0; + end = event.max / 1000.0; + } + inst_fetch_data (inst, begin, end); + } + } + }; + chart_opts.yAxis = + { + labels: + { + formatter: function () { return (value_to_string (this.value)); } + }, + startOnTick: false, + endOnTick: false + }; + chart_opts.legend = + { + labelFormatter: function () + { + var series = this; + var min = Number.MAX_VALUE; + var max = Number.NEGATIVE_INFINITY; + var num = 0; + var sum = 0; + var avg; + var i; + + for (i = 0; i < this.data.length; i++) + { + var v; + + v = this.data[i].y; + if (v == null) + continue; + + if (min > v) + min = v; + if (max < v) + max = v; + + sum += v; + num++; + } + + if (num == 0) + { + min = null; + max = null; + avg = null; + } + else + { + avg = sum / num; + } + + return (this.name + " (" + value_to_string (min) + " min, " + + value_to_string (avg) + " avg, " + + value_to_string (max) + " max)"); + } + }; + chart_opts.series = new Array (); + + if (def.title) + chart_opts.title = { text: def.title }; + + if (def.vertical_label) + chart_opts.yAxis.title = { text: def.vertical_label }; + + return (chart_opts); +} /* }}} function chart_opts_get */ + +function inst_draw (inst, def, data_list) /* {{{ */ +{ + var chart_opts; + var i; + + if (!inst || !def || !data_list) + return; + + chart_opts = inst_get_chart_opts (inst, def); + + for (i = def.defs.length - 1; i >= 0; i--) + def_draw (def.defs[i], data_list, chart_opts.series); + + inst.chart = new Highcharts.Chart (chart_opts); +} /* }}} function inst_draw */ + +function inst_redraw (inst, def, data_list) /* {{{ */ +{ + var series_array; + var i; + + if (!inst.chart) + return (inst_draw (inst, def, data_list)); + + series_array = new Array (); + for (i = def.defs.length - 1; i >= 0; i--) + def_draw (def.defs[i], data_list, series_array); + + if (inst.chart.series.length != series_array.length) + { + alert ("inst.chart.series.length != series_array.length"); + return; + } + + for (i = inst.chart.series.length - 1; i >= 0; i--) + { + series_array[i].visible = inst.chart.series[i].visible; + inst.chart.series[i].remove (/* redraw = */ false); + } + + for (i = 0; i < series_array.length; i++) + inst.chart.addSeries (series_array[i], /* redraw = */ false); + + inst.chart.redraw (); +} /* }}} function inst_redraw */ + +function inst_fetch_data (inst, begin, end) /* {{{ */ +{ + var def; + var params; + + def = inst_get_defs (inst); + if (!def) + return; + + params = instance_get_params (inst); + params.action = "instance_data_json"; + params.begin = begin || inst.begin; + params.end = end || inst.end; + params.resolution = (params.end - params.begin) / c4.config.width; + + $.getJSON ("collection.fcgi", params, + function (data) + { + inst_redraw (inst, def, data); + }); /* getJSON */ +} /* }}} inst_fetch_data */ + +function json_graph_update (index) /* {{{ */ +{ + var inst; + + inst = c4.instances[index]; + if (!inst) + return; + + if (!inst.container) + inst.container = "c4-graph" + index; + + inst_fetch_data (inst); +} /* }}} json_graph_update */ + function format_instance(inst) { return ("
  • "); */ $("#search-form").append ("
      "); @@ -239,13 +712,21 @@ $(document).ready(function() { + "
      !
      " + "" + "
      " - + "
      ←
      " - + "
      −
      " + + "
      \u2190
      " + + "
      \u2212
      " + "
      +
      " - + "
      →
      " + + "
      \u2192
      " + "
      " ); }); + + graph_recalc_width (); + + var i; + for (i = 0; i < c4.instances.length; i++) + { + json_graph_update (i); + } }); /* vim: set sw=2 sts=2 et fdm=marker : */