mprobe-vis 0.2.0

A library for visualizing MongoDB FTDC metrics
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

{{- for chart in charts }}
<div>
  <details>
    <summary>{ chart.name }</summary>
    <div id="{ chart.id }"></div>
    <script src="{ chart.series_path }"> </script>
    <script>
      let trace{chart.id} = \{"type": "scatter", "mode": "lines", "fill": "tozeroy", "line": \{ "color": "black" } };
      trace{chart.id}.x = {chart.series.xs};
      trace{chart.id}.y = {chart.series.ys};

      let chartLayout{chart.id} = \{
        "xaxis": \{"type": "date", "autorange": true, spikemode: "toaxis+across", spikedash: "dot", spikecolor: "gray", spikethickness: 2 },
        "yaxis": \{"type": "{ chart.yaxis_type }", "autorange": true, spikemode: "toaxis+across", spikedash: "dot", spikecolor: "gray", spikethickness: 2 },
        "width": 1000,
        "height": 400,
        "showlegend": false,
        "autosize": false,
        "hovermode": "closest"
      };

      const chart{chart.id} = document.getElementById("{ chart.id }");
      Plotly.newPlot(chart{chart.id}, [trace{chart.id}], chartLayout{chart.id});
    </script>
  </details>
</div>
{{- endfor }}