Ankündigung

Einklappen
Keine Ankündigung bisher.

plot.minmaxavg in v2.8

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    plot.minmaxavg in v2.8

    in der v2.8 verhält sich der plot anders als in v2.7



    ich habe count auf 14 gesetzt trotzdem erscheinen die Balken so dünn.
    kann man das irgendwie beeinflussen ?
    in v2.7 sieht das besser aus:


    Angehängte Dateien
    Zuletzt geändert von whe; 10.06.2017, 13:35.

    #2
    habe hierzu heute noch ein paar Tests gemacht.
    mit der Release Version von VISU 2.8 aus dem image von okelandy (v2.0.1) besteht das Problem weiterhin.
    auch in der aktuellen "Development" Version von VISU 2.9.
    darin habe ich dann die plots umgestellt auf plot.period, hat nicht geholfen
    dann habe ich mal mit der neuesten version 6.0.1 von highcharts getestet.
    immer noch das gleiche Problem.

    hat das sonst niemand von Euch ?
    wer kann denn nachweisen, dass es ordnungsgemäß funktioniert ?
    count sitzt offensichtlich richtig.

    HTML-Code:
    <div class="block">
        <div class="set-2" data-role="collapsible-set" data-theme="c" data-content-theme="a" data-mini="true">
            <div data-role="collapsible" data-collapsed="false">
     <h3>Wasser Temperatur Woche</h3>
    <!-- <div id="Pool-PoolOutwa" data-widget="plot.period" data-mode="minmaxavg"
     data-item="Pool.Istwerte.Wasser.min.8d.now.8, Pool.Istwerte.Wasser.max.8d.now.8, Pool.Istwerte.Wasser.avg.8d.now.8"
       data-label="" data-color="" data-exposure="" data-axis=", Temperatur in °C"
       data-count="8" data-ytype="°"  data-unit=""
     class="plot"></div>
     <script type="text/javascript">console.warn("Use of 'plot.minmaxavg' is deprecated, use 'plot.period' instead.")</script>
      -->
     <div id="Pool-PoolOutwa" data-widget="plot.period" data-mode="minmaxavg"
     data-item="Pool.Istwerte.Wasser.min.8d.now.8, Pool.Istwerte.Wasser.max.8d.now.8, Pool.Istwerte.Wasser.avg.8d.now.8"
       data-label="" data-color="" data-exposure="" data-axis=", Temperatur in °C"
       data-count="8" data-ytype="" data-unit="°"
      class="plot"></div>
     </div>
        </div>
    </div>

    Kommentar


      #3
      ich habe auch dünne balken.. habs aber noch nicht tiefer untersucht. die breite wird offenbar direkt in highcharts gesetzt

      das css ist verantwortlich:
      Code:
      .highcharts-point {
         stroke-width: 1px;
      }
      das rect dazu hat auch eine width:
      Code:
      <rect x="386" y="31.181818181818187" width="1" height="108.18181818181819" class="highcharts-point highcharts-color-0"></rect>
      Zuletzt geändert von psilo; 05.10.2017, 18:40.

      Kommentar


        #4
        bei mir schaut es mit deinem HTML richtig aus in der aktuellen develop:
        minmaxavg.png

        Wie sieht der weitere Context deiner Page aus? Welchen Browser verwendest du und welche Bildschirmauflösung?


        Zitat von psilo Beitrag anzeigen
        das css ist verantwortlich:
        Code:
        Code:
        .highcharts-point {
           stroke-width: 1px;
        }
        Dieses bewirkt den weissen Rahmen von 1px, hat aber nichts mit der Breite des Balkens selbst zu tun.
        Zuletzt geändert von smai; 21.10.2017, 12:31.

        Kommentar


          #5
          Ich benutze solche Grafiken auf mehreren Seiten meist in Verbindung mit anderen Plots.
          ich habe mehrere browser im Einsatz: Edge, IE11, Firefox auf einem Windows 10 PC und div Windows tablets und Handys.
          auch auf einem Android tablet ist es nicht O.K.

          ich habe auch den aktuellen Develop Branch von 2.9 im Einsatz.

          könnte ein Windows Problem sein.

          Habe es gerade nochmal auf einer leeren Seite probiert:
          HTML-Code:
          {% extends "rooms.html" %}
          
          {% block content %}
          <h1><img class="icon" src='{{ icon0 }}measure_power_meter.svg' />EnergieMeter</h1>
          <div class="block">
              <div class="set-2" data-role="collapsible-set" data-theme="a" data-content-theme="a" data-mini="true" data-iconpos="right">
                  <div data-role="collapsible" data-collapsed="false">
           <h3>Aussentemperatur</h3>
           {{ plot.minmaxavg('p12', 'Wetter.Temperatur.Web', '10d', '', '', '', '°', ['', 'Temperatur in °C'], '10') }}
           </div>
              </div>
          </div>
          
          {% endblock %}
          minmaxavg.PNG

          Kommentar


            #6
            Ich kann das mit deinem Code weder in IE11 noch Chrome noch Firefox unter Windows 7 nachvollziehen noch Chrome oder Samsungs Browser unter Android 7.
            Hast du irgendwelches eigenes CSS oder so drin? Nutzt du das Design Night unverändert?
            Wie sieht deine rooms.html aus und erbt diese direkt von der originalen base.html oder hast du da noch etwas angepasst?
            Zuletzt geändert von smai; 24.10.2017, 08:33.

            Kommentar


              #7
              danke für Deine Mühen,
              ich habe bei mir auch noch mal alles überprüft und kann beim besten Willen keinen Fehler finden.
              zwei Jahre lang habe ich mit plot Problemen und smartVISU 2.8 rumexperimentiert.
              jetzt benutze ich auf zwei Raspberrys das image von onkelandy. Master von smarthomeNG und smartVISU. und parallel smartVISU2.9 wo ich regelmäßig git pulls mache.
              auf beiden Rechnern und in beiden VISU Versionen kriege ich die minmaxavg plots nicht vernünftig angezeigt.
              m.E. müsste es an der higchart Implementierung liegen, bis zur 4er version waren die plots einwandfrei.
              ich passe jetzt auch nichts mehr manuell an und nutze alles original, bis auf die pages. und auch hier bin ich bestrebt möglichst viel von smarthomeNG generieren zu lassen; hier gibt es wohl auch viele Erweiterungen, hier muss ich leider die Doku bemängeln.

              hier noch mal ein paar details zum plot Problem:
              - ich habe es soeben in einem Firefox auf Windows 7 getestet; gleiches Problem.
              - mein visu.css in meinem page Verzeichnis hat keinen Einfluss.
              Code:
              @CHARSET "UTF-8";
              
              /* display background only on larger displays */
              @media all and (min-width: 600px) {
               .page-bg {
                background-image: url('../../pics/bg/luminous_lines.png');
               }
              }
              - am Design habe ich nichts geändert, auch mit anderen Designes verhält es sich gleich
              - hier meine root.html
              HTML-Code:
              {% extends "base.html" %}{% block sidebar %}
               {% include 'room_nav.html' %}
              {% endblock %}
              
              {% block content %}
              
               Rooms
              
              {% endblock %}
              - original generiert von smarthomeNG; hier habe ich nichts angepasst.

              sorry,
              und es scheint, dass andere das problem auch haben.

              Kommentar


                #8
                Zitat von whe Beitrag anzeigen
                und es scheint, dass andere das problem auch haben.
                Ja, psilo hatte schon vor längerem davon berichtet, da er aber viele Anpassungen gemacht hat, hatten wir das nicht weiter verfolgt.

                In 2.8 wird Highcharts v4.2.6 eingesetzt, in 2.7 war es v3.0.5 und in develop aktuell v5.0.14.
                Trotzdem verstehe ich nicht, weshalb e plötzlich bei einigen (oder einzelnen?) Probleme macht.

                @all gibt es noch andere, welche dieses Phänomen beobachten können?

                Kommentar


                  #9
                  Ich kann mir vostellen, das das im .JS selbst bei den Diagrammoptionen angelegt werden muß: stemWidth: xxx,
                  siehe dazu auch hier

                  Kommentar


                    #10
                    Dein Beispiel ist aber vom Typ errorbar, nicht columnrange.
                    columnrange kennt dies nicht. Es gibt aber die Option pointWidth. Wird diese leer gelassen, werden die Balkenbreiten automatisch berechnet.
                    Das sollte hier ja auch das Ziel sein, weil diese bei 5 Balken im Diagramm ruhig etwas breiter sein dürfen als bei 100.

                    Kommentar


                      #11
                      Stimmt. Erklärt leider auch nicht warum die Balken mal so schmal ausfallen und mal nicht...

                      Kommentar


                        #12
                        smai ich habe kein custom css. bei mir ist das problem auch auf ALLEN geräten und browsern, also unter android, ios, windows10 mit firefox, chrome und edge. irgendwie muss das doch mit der bedatung zu tun haben. ist es bei dir stichprobenartig bei verschiedener anzahl datenpunkte ok?

                        ich bin mir sicher, dass es zeitweise mal breite balken waren. ich glaube -aber das ist nur eine vermutung- dass es erst kam, als ich mehr und mehr datensätze in der db hatte. wobei ich mir das technisch auch nicht wirklich erklären kann
                        Zuletzt geändert von psilo; 24.10.2017, 17:16.

                        Kommentar


                          #13
                          Ich werde es noch mit SHNG testen, vielleicht geschieht es nur mit diesem Treiber - obwohl ich dafür spontan auch keine Erklärung sehen würde.

                          Kommentar


                            #14
                            Ich habe es bei mir auch gerade getestet mit dem Code von oben. Kann das von psilo und whe bestätigen. Ich habe auch die schmalen Balken
                            Meine Installation: VM Debian Jessie SH NG 1.4, SmartVISU 2.9, KNX, DMX, 1-wire, Cisco ASA 5512X IPS, VMware vSphere 6

                            Kommentar


                              #15
                              Kann einer von euch mal den Treiber auf "offline" stellen und berichten, wie es dann aussieht?

                              Kommentar

                              Lädt...
                              X