Ankündigung

Einklappen
Keine Ankündigung bisher.

Diagramme mit VSE1014 HighCharts / VSE1013 ApexCharts

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

  • Winni
    antwortet
    ApexCharts will ich eigentlich nicht mehr weiterentwickeln.... Folgendes könnte helfen (hab selber keine aktives Diagramm mehr):

    // d.apexoptions.xaxis.max=<?echo $maxTS;?>;
    d.apexoptions.xaxis.type="<?echo $xaxisType;?>";
    if (d.apexoptions.xaxis.type=='numeric') d.apexoptions.xaxis.labels.formatter = function(value, timestamp, index) {return parseInt(value)};
    d.apexoptions.xaxis.tickAmount="<?echo $xaxisTicks;?>";
    d.apexoptions.xaxis.labels.datetimeUTC= false;
    VSE_VSEID_drawChart("<?echo $cChart->objId;?>",false);
    <?

    Das mit dem KO kann ich nachvollziehen, schau's mir bei Gelegenheit an

    ERGÄNZUNG: Ich hatte bei mir kein KO eingetragen, mit KO funktioniert der Refresh des Diagramms. (Ich rede hier nur von HighCharts)
    Zuletzt geändert von Winni; 25.05.2020, 14:06.

    Einen Kommentar schreiben:


  • michaeldamm2
    antwortet
    Kurzer Zwischenbericht von mir.

    beim HighCharts hat es geklappt mit dem Jons String nur mit dem APEXCHART geht es nicht hier kann ja kein Jons String eingeben werden.

    Was muss ich hier genau in die Datei eingeben.




    Weiters geht das aktualisieren über das Ko nicht, hier kommt dann keine neue Grafik.


    Einen Kommentar schreiben:


  • Winni
    antwortet
    aktuell muss man sich helfen, indem man in den JSON-String folgendes einträgt:
    {"time":{"timezoneOffset": -120}}
    Wie ich das auf Dauer korrekt mache, weiß ich noch nicht, die einfachste Lösung würde einen include eines weiteren JSON-Files erfordern (moment.js), dann kann man einfach die Zeitzone eingeben.

    Wenn jemand will und die richtige Stelle findet, kann die 3 Zeilen (ab //UTC) einfügen:
    PHP-Code:
    xAxis: {
         
    type'datetime',
         
    labels: {
              
    style: {
                   
    colorvisuElement_getFgColor(obj0),
              },
              
    y25,
              }
         },
    };

    //UTC Time offset
    var = new Date();
    obj.highoptions.time = {timezoneOffsetx.getTimezoneOffset()};

    // Optionen je nach Einstellungen des VSE
    if (obj.dataset.var19 '0') {
    obj.highoptions.xAxis.events = { 
    Zuletzt geändert von Winni; 22.05.2020, 16:10.

    Einen Kommentar schreiben:


  • michaeldamm2
    antwortet
    Zeitzone ist richtig eingestellt.

    Die Visu zeit ja die richtige Zeit an.


    Unbenannt.JPG

    Einen Kommentar schreiben:


  • starwarsfan
    antwortet
    Sieht sehr nach UTC aus. Du solltest die Zeitzone auf der Maschine prüfen, das muss UTC+2 sein.

    Einen Kommentar schreiben:


  • michaeldamm2
    antwortet
    Warum wird in der Grafik nicht 12Uhr angezeigt obwohl die Grafik den Wert von 12 Uhr anzeigt


    Unbenannt.JPG

    Einen Kommentar schreiben:


  • Schmu
    antwortet
    Bingo, das war es Winni. Jetzt funktioniert es bei mir. Dann kann ich ja ein wenig tüfteln. Danke.

    Einen Kommentar schreiben:


  • Brick
    antwortet
    nein.. ich seh da kein Bild..

    sieht bei mir so aus:
    2020-05-19 09_02_35-Window.png

    Einen Kommentar schreiben:


  • Winni
    antwortet
    erledigt, Bilder neu eingefügt
    Zuletzt geändert von Winni; 19.05.2020, 09:01.

    Einen Kommentar schreiben:


  • Brick
    antwortet
    folgende ??

    du meintest bei mir die hier: /usr/local/edomi/www/visu/index.php

    das sieht dann so aus:

    Code:
    ?><? ?><? require("../shared/php/config.php"); require(MAIN_PATH."/www/shared/php/base.php"); require(MAIN_PATH."/www/shared/php/incl_http.php"); require(MAIN_PATH."/www/visu/include/php/config.php"); require(MAIN_PATH."/www/visu/include/php/base.php"); sql_connect(); $visuId=preg_replace("/[^0-9]/",'',httpGetVar('visu')); if (!is_numeric($visuId) || $visuId<1) {$visuId=0;} $loginSid=loginVisu($visuId,httpGetVar('login'),ht tpGetVar('pass')); ?>
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta id="meta-viewport" name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="icon" href="../shared/img/favicon-visu.png?<?echo global_version;?>">
    <link rel="apple-touch-icon" href="../shared/img/favicon-visu.png?<?echo global_version;?>">
    <title>EDOMI &middot; Visualisierung</title>
    <link rel="stylesheet" type="text/css" href="../shared/css/global.css?<?echo global_version;?>">
    <link rel="stylesheet" type="text/css" href="include/css/main.css?<?echo global_version;?>">
    [COLOR=#f39c12]<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://code.highcharts.com/stock/highstock.js"></script>
    <script type="text/javascript" src="https://code.highcharts.com/modules/annotations.js"></script>
    <script type="text/javascript" src="https://code.highcharts.com/modules/exporting.js"></script>[/COLOR]
    <script type="text/javascript" src="../shared/js/main.js?<?echo global_version;?>"></script>
    <script type="text/javascript" src="../shared/js/camview.js?<?echo global_version;?>"></script>
    <script type="text/javascript" src="../shared/js/camview_global.js?<?echo global_version;?>"></script>
    <script type="text/javascript" src="../shared/js/graphics.js?<?echo global_version;?>"></script>
    <script type="text/javascript" src="include/js/main.js?<?echo global_version;?>"></script>
    <style id="cssAnims"></style>
    <style id="cssFonts"></style>
    </head>

    Einen Kommentar schreiben:


  • Winni
    antwortet
    Wenn nur der Ladebalken angezeigt wird, dann gibt's wohl auch bei dir das Problem mit dem Laden der JS-Files. Kann man daran erkennen, ob folgende Fehlermeldung in der Konsole der Entwicklertools des Browsers angezeigt wird:

    main.js?2.02:1596 Ajax-Response fehlerhaft! Error-Msg: Highcharts is not defined / URL: ../data/liveproject/vse/vse_include_visu8.php?cmd=chartDraw&vseid=1014&vis uid=8&sid=165E4E15F1CC8952F0A42774716F&vid=2.02 / Response:


    Wenn du Lust hast, kannst du zumindest zum Test folgende Datei anpassen
    bild1.png

    Die markierten Zeilen wären einzufügen, damit ist man auf der sicheren Seite:
    bild2.png

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://code.highcharts.com/stock/highstock.js"></script>
    <script type="text/javascript" src="https://code.highcharts.com/modules/annotations.js"></script>
    <script type="text/javascript" src="https://code.highcharts.com/modules/exporting.js"></script>

    Gruß
    Winni
    Zuletzt geändert von Winni; 19.05.2020, 09:00.

    Einen Kommentar schreiben:


  • Schmu
    antwortet
    Gibt es ein Bespiel wie Diagramm und Visoelement eingestellt werden? Bei mir wird leider immer nur ein grüner Ladebalken angezeigt. Vielen Dank. Aber ich finde die Idee super.! Weiter so Winni.

    Einen Kommentar schreiben:


  • michaeldamm2
    antwortet
    Was habe ich das Falsch eingestellt oder ist da noch ein Fehler drin?

    Unbenannt.JPG

    Einen Kommentar schreiben:


  • Winni
    antwortet
    Demnächst neue Version (0.1) mit Bugfixes und der Möglichkeit mehrere Diagramme gleichzeitig zu zoomen. Datei ist schon hochgeladen, warte nur auf Freigabe.
    Leider scheint das Lade-Problem der js-Dateien beim ein oder anderen massiver zu sein, dann bleibt nur das Laden in die visu/index.php einzutragen. Dann ist es absolut stabil.

    Einen Kommentar schreiben:


  • Brick
    antwortet
    Da müsst ich mich anmelden !?!?

    Einen Kommentar schreiben:

Lädt...
X