monitor/www_templates/host.html

   1 {% extends "plotting.html" %}
   2
   3 {% block body %}
   4 {% if not data %}
   5 <h1>Empty dataset. Check hostname</h1>
   6 {% else %}
   7
   8 {% for e in data %}
   9 <div id="plot{{loop.index}}" class="plotdiv"></div>
  10 {% endfor %}
  11
  12
  13 <script type="text/javascript">
  14   {% for element in data %}
  15   var data = [[
  16     {% for point in element[1].get_all_compact() %}
  17     [new Date({{point.timestamp}}000), {{point.value}}],
  18     {% endfor %}
  19     ]];
  20
  21         $.jqplot('plot{{loop.index}}', data, {
  22           title: '{{element[0]}}',
  23           axesDefaults: {
  24             labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
  25             tickRenderer: $.jqplot.CanvasAxisTickRenderer,
  26           },
  27           highlighter: {
  28             show: true,
  29             sizeAdjust: 7.5,
  30           },
  31           axes: {
  32             xaxis: {
  33               label: "Time",
  34               renderer: $.jqplot.DateAxisRenderer,
  35               tickRenderer: $.jqplot.CanvasAxisTickRenderer,
  36               tickOptions: { formatString: '%T', angle: -30 },
  37             },
  38             yaxis: {
  39               label: "Values",
  40             {% set max = element[1].get_max_value() %}
  41             {% set min = element[1].get_min_value() %}
  42             {% if max == min %}
  43               max: ({{max}} + 0.1) * 1.1,
  44               min: ({{min}} - 0.1) * 0.9,
  45             {% endif %}
  46             }
  47         },
  48         cursor: {
  49           show: true,
  50           zoom: true,
  51           showTooltip: false,
  52         },
  53      });
  54   {% endfor %}
  55
  56 </script>
  57
  58 {% endif %}
  59 {% endblock body %}