magnus/smon
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases 6 Wiki Activity

Graph CSS fixes

Browse Source
This commit is contained in:
Magnus Åhall 2024-06-27 09:14:02 +02:00
parent 617e025be4
commit 4b21b0ac07
4 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/css/default_light/datapoints.css
View File

@ -69,6 +69,8 @@
} }
.graph { .graph {
width: 99%; width: 99%;
height: 600px; border: 1px solid #aaa;
border: 1px solid #fff; }
.graph #graph-values {
height: 600px;
} }

6
static/css/gruvbox/datapoints.css
View File

@ -69,6 +69,8 @@
} }
.graph { .graph {
width: 99%; width: 99%;
height: 600px; border: 1px solid #aaa;
border: 1px solid #fff; }
.graph #graph-values {
height: 600px;
} }

7
static/less/datapoints.less
View File

@ -84,6 +84,9 @@
.graph { .graph {
width: 99%; width: 99%;
height: 600px; border: 1px solid #aaa;
border: 1px solid #fff;
#graph-values {
height: 600px;
}
} }

8
views/pages/datapoint_values.gotmpl
View File

@ -21,14 +21,16 @@
<br><br> <br><br>
{{ if $graph }} {{ if $graph }}
<div class="graph" id="tester"></div> <div class="graph">
<div id="graph-values"></div>
</div>
<script type="text/javascript"> <script type="text/javascript">
const tester = document.getElementById('tester'); const graphValues = document.getElementById('graph-values');
let data = {{ .Data }} let data = {{ .Data }}
let x = data.Values.map(d => d.Ts) let x = data.Values.map(d => d.Ts)
let y = data.Values.map(d => d.ValueInt.Int64) let y = data.Values.map(d => d.ValueInt.Int64)
Plotly.newPlot( Plotly.newPlot(
tester, graphValues,
[ [
{ {
x, x,