Skalierung der Diagramme inkorrekt

[Robert_Mini]

Hallo zusammen!

Auch wen das nächste Release schon ansteht, möchte ich noch einen Fehler berichten:
Die Diagramme werden in der aktuellen 0.12 RC12 nicht korrekt skaliert. Das fällt auf, wenn man die Nachkommestellen der Achsen verändert.

Beispielconfig anbei.

Danke und lg
Robert

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" design="metal" lib_version="9" xsi:noNamespaceSchemaLocation="./visu_config.xsd">
  <!--
ToDo: Abgleich mit Visu Large (Mapping, Styling)
Flavour zum Gruppen einfärben
Diagramme
Unterseiten je Raum (Inhalt+Group, Zentral Aus, Jal-Bedienung als Sub-Page)
Außen Status Gesamt als Plugin ergänzen
Test jjhjhj
-->
  <meta>
    <files>
            <file type="css">resource/config/media/my-custom-style.css</file>
    </files>
    <statusbar>
      <status type="html">&lt;img src="resource/icons/comet_64_ff8000.png" alt="CometVisu" /&gt; by &lt;a href="https://www.cometvisu.org/"&gt;CometVisu.org&lt;/a&gt;
          - &lt;a href="manager.php"&gt;Config-Manager&lt;/a&gt;
          - &lt;a href=".?forceReload=true"&gt;Reload&lt;/a&gt;
          - &lt;a href="http://192.168.1.240/admin/"&gt;EDOMI&lt;/a&gt;
          - &lt;a href="fully://launcher"&gt;Launcher&lt;/a&gt;          
          </status>
    </statusbar>
    <plugins>
      <plugin name="strftime"/>
      <plugin name="timeout"/>
      <plugin name="diagram"/>
    </plugins>
  </meta>
 
<!-- ################################################## ######################################## -->
<!-- ######################################## MAIN PAGE ####################################### -->
<!-- ################################################## ######################################## -->
  <page name="Uebersicht" showtopnavigation="false" showfooter="true" shownavbar-top="true" shownavbar-left="true">
    <group name="Messwerte">
          <layout colspan="12"/>
          <diagram height="400px" period="2" refresh="300" series="day" gridcolor="#707070" popup="false" previewlabels="true" legendposition="nw" tooltip="true">
            <layout colspan="4"/>
            <axis/>
            <influx authentication="influx" field="*" measurement="timeseries_db/TS00143" steps="true" fill="false" style="lines" label="Poolpumpe Status" color="#0000FF" resolution="600" fillMissing="previous"/>
            <influx authentication="influx" field="*" measurement="timeseries_db/TS00150" steps="true" fill="false" style="lines" label="Salzanlage Status" color="#FF0000" resolution="600" fillMissing="previous"/>
            <influx authentication="influx" field="*" measurement="timeseries_db/TS00145" steps="true" fill="false" style="lines" label="Solarpumpe Status" color="#00FF00" resolution="600" fillMissing="previous"/>
            <influx authentication="influx" field="*" measurement="timeseries_db/TS00151" steps="true" fill="false" style="lines" label="pH Dosierpumpe Status" color="#FFFF00" resolution="600" fillMissing="previous"/>
          </diagram>
          <diagram height="400px" period="2" refresh="300" series="day" gridcolor="#707070" popup="false" previewlabels="true" legendposition="nw" tooltip="true">
            <layout colspan="4"/>
            <axis position="left" decimals="1" unit="C">left</axis>
            <axis position="right" decimals="1" unit="cm">right</axis>
            <influx authentication="influx" field="*" measurement="timeseries_db/TS00149" steps="true" fill="false" style="lines" label="Pooltemperatur [°C]" color="#FFFF00"/>
            <influx authentication="influx" field="*" measurement="timeseries_db/TS00153" yaxis="right" steps="false" fill="false" style="lines" label="Füllstand Ausgleichsbehälter" color="#FF0000"/>
          </diagram>
          <diagram height="400px" period="2" refresh="300" series="day" gridcolor="#707070" popup="false" previewlabels="true" legendposition="nw" tooltip="true">
            <layout colspan="4"/>
            <axis position="left" decimals="2" unit="-">left</axis>
            <axis position="right" decimals="1" unit="mV">right</axis>
            <influx authentication="influx" field="*" yaxis="left" measurement="timeseries_db/TS00147" steps="true" fill="false" style="lines" label="pH-Wert [-]" color="#0000FF"/>
            <influx authentication="influx" field="*" yaxis="right" measurement="timeseries_db/TS00148" steps="true" fill="false" style="lines" label="ORP Wert [mV]" color="#FF0000"/>
          </diagram>
        </group>
  </page>
</pages>

[peuter]

Bei Diagrammen hilft eine Beispiel-Config leider nicht viel, weil da ja dann immer noch die Daten für das Diagram fehlen. Ich weiß auch nicht was "nicht richtig skalieren" nun genau bedeutet. Ich habe mal zum Test in meiner Config mit den Dezimalstellen der Y-Achse rum gespielt und kann da kein Fehlverhalten feststellen. Ich nutze aber auch nur sehr simple Diagramme (also eine Y-Achse mit nur einer Linie und kein influx als Datenquelle).
Kannst Du genauer beschreiben, was da Deiner Meinung nach falsch ist, und wie es richtig sein sollte?

[Robert_Mini]

Hallo Tobias!

Sorry, das war etwas gar knapp gepostet.

Ein paar mehr Infos:
- Diagramme haben ein width/height Attribut, mit dem man die Größe fixieren kann (=optional).
- Lässt man diese Parameter weg, wird da Diagramm normalerweise im verfügbaren Platz von colspan/rowspan maximiert.
- Insbesondere beim Verändern der Nachkommastellen (mit decimals unter axis) wird das Diagramm aber in der RC12 rechts abgeschnitten => 3. Diagramm ganz rechts, rechte y-Achse!
- Das ganze ist unabhängig ob die Daten von influx oder rrd oder GA kommen
- Hab noch eine kürzere Config beigefügt, einfach zB 2 Temperatur Datenreihen aus beliebiger Quelle nehmen und mit decimals der beiden Achsen spielen.

Danke und lg
Robert

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<pages xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" design="metal" lib_version="9" xsi:noNamespaceSchemaLocation="./visu_config.xsd">

  <meta>
    <files>
            <file type="css">resource/config/media/my-custom-style.css</file>
    </files>
    <statusbar>
      <status type="html">&lt;img src="resource/icons/comet_64_ff8000.png" alt="CometVisu" /&gt; by &lt;a href="https://www.cometvisu.org/"&gt;CometVisu.org&lt;/a&gt;
          - &lt;a href="manager.php"&gt;Config-Manager&lt;/a&gt;
          - &lt;a href=".?forceReload=true"&gt;Reload&lt;/a&gt;
          - &lt;a href="http://192.168.1.240/admin/"&gt;EDOMI&lt;/a&gt;
          - &lt;a href="fully://launcher"&gt;Launcher&lt;/a&gt;          
          </status>
    </statusbar>
    <plugins>

      <plugin name="diagram"/>
    </plugins>
  </meta>
 
  <page name="Uebersicht" showtopnavigation="false" showfooter="true" shownavbar-top="true" shownavbar-left="true">
    <group name="Messwerte">
          <layout colspan="12"/>
          <diagram height="400px" period="2" refresh="300" series="day" gridcolor="#707070" popup="false" previewlabels="true" legendposition="nw" tooltip="true">
            <layout colspan="12"/>
            <axis position="left" decimals="2" unit="-">left</axis>
            <axis position="right" decimals="1" unit="mV">right</axis>
            <influx authentication="influx" field="*" yaxis="left" measurement="timeseries_db/TS00147" steps="true" fill="false" style="lines" label="pH-Wert [-]" color="#0000FF"/>
            <influx authentication="influx" field="*" yaxis="right" measurement="timeseries_db/TS00148" steps="true" fill="false" style="lines" label="ORP Wert [mV]" color="#FF0000"/>
          </diagram>
        </group>
  </page>
</pages>
[COLOR=#000000][/COLOR]

[peuter]

Ok jetzt hab ich es verstanden. Aber ist das erst mit der 0.12 so? Weil der Fehler kommt von der benutzen Chart-Library und nicht von der CometVisu und diese haben wir zwischen 0.11 und 0.12 nicht aktualisiert.

Edit:
Der Fehler kommt doch nicht von der Chart-Library sondern vom Metal-Design, allerdings ist die CSS-Regel die den Fehler verursacht seit 2016 im Code. Daher dürfte das auch in der 0.11 so sein.

[Robert_Mini]

Hallo Tobias!

Gerade nochmal getestet. Gleich config, gleiche custom.css etc.
Im 0.11.2 Release passt die Skalierung, in der 0.12-RC12 nicht => Anhang 3. Diagramm.

Woran das liegt, kann ich leider nicht sagen.

lg
Robert

[peuter]

Verstehe ich nicht, aber wenn Du eh schon eine custom.css hast kannst Du mal testen ob der Fix nicht was anderes kaputt macht. Schreib da doch bitte mal folgendes rein:

.diagram_inline {
  margin-left: 0 !important;
}

[Robert_Mini]

Hallo Tobias!

Nochmal mit deinem Code in der custom.css getestet => passt, siehe Anhang. Sieht nun wieder genau wie unter der 0.11.2 aus.
Ich denke das sollte so mit ins Release, oder?

Danke
Robert

[peuter]

Ich denke das sollte so mit ins Release, oder?

Das wird drin sein.