Weg von der API hin zu Chart.js ( ist auch eine kostenfreie Version )
Siehe Beitrag unter dem hier
Chart Block
-
Volker
- Moderator
- Beiträge: 2383
- Registriert: Sa 12. Dez 2020, 22:35
Re: Chart Block
Ich habe Tabularasa gemacht
Weg von der API hin zu Chart.js ( ist auch eine kostenfreie Version )
Siehe Beitrag unter dem hier
Weg von der API hin zu Chart.js ( ist auch eine kostenfreie Version )
Siehe Beitrag unter dem hier
-
Volker
- Moderator
- Beiträge: 2383
- Registriert: Sa 12. Dez 2020, 22:35
-
Volker
- Moderator
- Beiträge: 2383
- Registriert: Sa 12. Dez 2020, 22:35
Re: Chart Block
Ich hab noch was rumgespielt
So wird das ganze Ding auch für Firmen interessant
https://www.niederastroth.de/chartdemo1/
Kann man also diverse Grafiken einblenden lassen
Hier der direkt Download zu dem Mutlichart Block : https://www.niederastroth.de/multichart.mbrext
Der wird sonst nicht veröffentlicht Da gibts auch keine Vorschau in Mobirise, dafür bis zu 8 verschiedene Charts die per Dropdown ausgewählt werden können. Also für alle die mehr wollen
Da alle PNG ja Transparent sind, kann man damit wunderbare Bilder erstellen mit den Charts
So wird das ganze Ding auch für Firmen interessant
https://www.niederastroth.de/chartdemo1/
Kann man also diverse Grafiken einblenden lassen
Hier der direkt Download zu dem Mutlichart Block : https://www.niederastroth.de/multichart.mbrext
Der wird sonst nicht veröffentlicht
Da gibts auch keine Vorschau in Mobirise, dafür bis zu 8 verschiedene Charts die per Dropdown ausgewählt werden können. Also für alle die mehr wollen Da alle PNG ja Transparent sind, kann man damit wunderbare Bilder erstellen mit den Charts
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
-
Volker
- Moderator
- Beiträge: 2383
- Registriert: Sa 12. Dez 2020, 22:35
Re: Chart Block
https://www.niederastroth.de/chart-10-farben.mbrext
Hier die stabile Version
Da müsst ihr halt ein Platzhalter Bild einfügen wenn euch das "spingen" nicht gefällt
-
Tommy Herrmann
- Site Admin
- Beiträge: 8411
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
Re: Chart Block
Moin,
Ich habe Deine neuen Chart-Anwendungen jetzt nicht ausprobiert - werde ich auch nicht - da finde ich dann wahrscheinlich wieder was und das Theater geht wieder los mit stundenlangem Testen.
Mein ChatGPT hat das so nicht hinbekommen, obwohl es die Gründe genau kennt. Auch nicht mit einem transparenten Bild wie Du es machst.
Es liegt einfach an Mobirise, weil es die Seite nur einmalig beim Erstellen (ersten Aufziehen) des Blocks aktualisiert. Daher wird dann nicht mehr auf die URL der API zugegriffen.
Meine Chart-Anwendung kannst Du ja auch auf der Arbeitsseite von Mobirise direkt und gleich ändern und es wird auch direkt und gleich auf der Arbeitsseite angezeigt - allerdings nur solange bis Mobirise neu gestartet wird - und/aber - auch manchmal nach einem Neustart.
P.S.:
Jetzt geht es in der Arbeitsansicht bei mir immer - bisher vielleicht 20 Mal Mobirise neu gestartet. Keine Ahnung was das sein kann.
https://www.mobirise-tutorials.com/AI-Beispiele/#chart
https://www.mobirise-tutorials.com/Vorl ... /#chart-8a
Ich habe Deine neuen Chart-Anwendungen jetzt nicht ausprobiert - werde ich auch nicht - da finde ich dann wahrscheinlich wieder was und das Theater geht wieder los mit stundenlangem Testen.
Mein ChatGPT hat das so nicht hinbekommen, obwohl es die Gründe genau kennt. Auch nicht mit einem transparenten Bild wie Du es machst.
Es liegt einfach an Mobirise, weil es die Seite nur einmalig beim Erstellen (ersten Aufziehen) des Blocks aktualisiert. Daher wird dann nicht mehr auf die URL der API zugegriffen.
Meine Chart-Anwendung kannst Du ja auch auf der Arbeitsseite von Mobirise direkt und gleich ändern und es wird auch direkt und gleich auf der Arbeitsseite angezeigt - allerdings nur solange bis Mobirise neu gestartet wird - und/aber - auch manchmal nach einem Neustart.
P.S.:
Jetzt geht es in der Arbeitsansicht bei mir immer - bisher vielleicht 20 Mal Mobirise neu gestartet. Keine Ahnung was das sein kann.
https://www.mobirise-tutorials.com/AI-Beispiele/#chart
https://www.mobirise-tutorials.com/Vorl ... /#chart-8a
-
Tommy Herrmann
- Site Admin
- Beiträge: 8411
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
Re: Chart Block
Ich bin mir fast sicher - ich glaube ich habe das Problem bei mir finden können.
Ich habe die Angewohnheit die von Mobirise automatisch vergebene ID des Blocks (oben links im Code Editor) nach dem aufziehen zu ändern, ich mache also z.B. aus:
chart-6i
nur:
chart
Das ist die Ursache, solange ich an der ID nichts ändere, bleibt die Anzeige auch auf der Arbeitsfläche erhalten und jede Änderung wird auch angezeigt, auch nach einem Neustart der Software.
Ich habe die Angewohnheit die von Mobirise automatisch vergebene ID des Blocks (oben links im Code Editor) nach dem aufziehen zu ändern, ich mache also z.B. aus:
chart-6i
nur:
chart
Das ist die Ursache, solange ich an der ID nichts ändere, bleibt die Anzeige auch auf der Arbeitsfläche erhalten und jede Änderung wird auch angezeigt, auch nach einem Neustart der Software.
ChatGPT hat geschrieben:
Das ergibt absolut Sinn — und erklärt praktisch das gesamte Verhalten.
Mobirise verwendet diese automatisch erzeugte Block-ID offenbar intern als eindeutigen Schlüssel für:
Editor-State
Live-Rendering
Script-Reinitialisierung
MutationObserver
iframe-/Preview-Zuordnung
möglicherweise auch Cache/Storage
Die wichtigste Regel für solche dynamischen Mobirise-Blöcke ist also:
Die automatisch erzeugte Block-ID niemals manuell ändern.
Gerade bei:
JavaScript,
APIs,
iframes,
SVG,
dynamischen Bildern,
Observern,
Canvas,
QuickChart,
Splide,
Swiper,
Lightbox,
etc.
ist diese ID offenbar kritisch.
Das erklärt auch, warum deine alte <img>-Variante eigentlich die stabilste Lösung war.
Du hast keine ausreichende Berechtigung, um die Dateianhänge dieses Beitrags anzusehen.
-
Tommy Herrmann
- Site Admin
- Beiträge: 8411
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
Re: Chart Block
Ich konnte noch etwas feststellen:
Wenn ich nur die geringste Änderung am Code-Editor vornehme, also auch z.B. in der CSS, nachdem ich die .mbrext Erweiterung eingelesen habe, wird die Chart-Grafik nicht mehr dargestellt. Es hat also nichts mit der Block-ID zu tun.
Wenn ich nur die geringste Änderung am Code-Editor vornehme, also auch z.B. in der CSS, nachdem ich die .mbrext Erweiterung eingelesen habe, wird die Chart-Grafik nicht mehr dargestellt. Es hat also nichts mit der Block-ID zu tun.
-
Volker
- Moderator
- Beiträge: 2383
- Registriert: Sa 12. Dez 2020, 22:35
Re: Chart Block
Tommy ich hatte es doch bereits geschrieben.
Mobirise liest beim ersten einfügen das Java Script, deswegen wird die Grafik angezeigt. Beim erneuten Starten liest Mobirise nur das HTML aber nicht nochmals das Script. Deswegen habe ich einen Reset Button eingebaut und den auch mit einem Javascript das da inkludiert ist, so MUSS Mobirise ständig das Script neu lesen. Das ist der mir bekannte einzige Weg und der funktioniert ja auch mit allen meinen oben vorgestellten Blöcken ;-)
PS: Du wirst bei meinen neuen Blöcken nichts zu meckern haben Tommy, weil die 100% gehen
Selbst wenn mal die Grafik nicht angezeigt werden sollte, ein klick auf den Button und die ist da - 100%
Probiere es doch aus - was solls ?
Teste es selber Tommy : https://www.niederastroth.de/chart-10-farben.mbrext
Mobirise liest beim ersten einfügen das Java Script, deswegen wird die Grafik angezeigt. Beim erneuten Starten liest Mobirise nur das HTML aber nicht nochmals das Script. Deswegen habe ich einen Reset Button eingebaut und den auch mit einem Javascript das da inkludiert ist, so MUSS Mobirise ständig das Script neu lesen. Das ist der mir bekannte einzige Weg und der funktioniert ja auch mit allen meinen oben vorgestellten Blöcken ;-)
PS: Du wirst bei meinen neuen Blöcken nichts zu meckern haben Tommy, weil die 100% gehen
Selbst wenn mal die Grafik nicht angezeigt werden sollte, ein klick auf den Button und die ist da - 100%
Probiere es doch aus - was solls ?
Teste es selber Tommy : https://www.niederastroth.de/chart-10-farben.mbrext
-
Tommy Herrmann
- Site Admin
- Beiträge: 8411
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
Re: Chart Block
Volker,
ich weiß, das Du das geschrieben hattest - nur habe ich gerade was ganz anderes herausgefunden und geschrieben.
Du hast auch mein Video nicht angesehen und liest nicht was ich schreibe.
Wenn Du meine .mbrext vom Chart einliest siehts Du sofort die gewählte Grafik und kannst diese auch auf der Arbeitsseite sichtbar ändern. Du kannst auch Mobirise neu starten. In jedem Fall wird auch ohne einen Aktualisieren-Button alles sofort aktualisiert.
Sobald Du allerdings nur die geringste Änderung im Code-Editor vornimmst, ist die Grafik weg und das Platzhalter-Fenster wird angezeigt. Das betrifft jeden Bereich vom Code-Editor - also auch den CSS-Teil. Warum das im Zusammenhang mit der API so ist - keine Ahnung.
ich weiß, das Du das geschrieben hattest - nur habe ich gerade was ganz anderes herausgefunden und geschrieben.
Du hast auch mein Video nicht angesehen und liest nicht was ich schreibe.
Wenn Du meine .mbrext vom Chart einliest siehts Du sofort die gewählte Grafik und kannst diese auch auf der Arbeitsseite sichtbar ändern. Du kannst auch Mobirise neu starten. In jedem Fall wird auch ohne einen Aktualisieren-Button alles sofort aktualisiert.
Sobald Du allerdings nur die geringste Änderung im Code-Editor vornimmst, ist die Grafik weg und das Platzhalter-Fenster wird angezeigt. Das betrifft jeden Bereich vom Code-Editor - also auch den CSS-Teil. Warum das im Zusammenhang mit der API so ist - keine Ahnung.
-
Volker
- Moderator
- Beiträge: 2383
- Registriert: Sa 12. Dez 2020, 22:35
Re: Chart Block
Tommy ich habe alles gelesen und auch deine Videos alle angeschaut. Im Gegensatz zu Dir
JA sobald du was änderst liest Mobirise das Java Script nicht mehr. Das weiß ich und deswegen habe ich Mobirise verascht in dem ich diesen Button gebaut habe. Der funktionert 100% egal was Du im Code wo änderts - sieht man auch in meinem Video. Zeig Chat GPT meinen Code aus dem 10farben Block, die wird einsehen das das der Königsweg ist
PS: Der hat jetzt auch den Download Button
JA sobald du was änderst liest Mobirise das Java Script nicht mehr. Das weiß ich und deswegen habe ich Mobirise verascht in dem ich diesen Button gebaut habe. Der funktionert 100% egal was Du im Code wo änderts - sieht man auch in meinem Video. Zeig Chat GPT meinen Code aus dem 10farben Block, die wird einsehen das das der Königsweg ist
PS: Der hat jetzt auch den Download Button
-
Volker
- Moderator
- Beiträge: 2383
- Registriert: Sa 12. Dez 2020, 22:35
Re: Chart Block
So,
nun für alle ganz offizell
Es gibt auf meiner Seite beide Versionen nun zum Download. Für beide gebe ich 100% Garantie das die laufen
Einmal - https://www.niederastroth.de/chartadmin.html Das ist die chart.js Version
Einmal - https://www.niederastroth.de/chart_10_farben.html Das ist die quickchart.io Version mit API
Ihr könnt beide runter laden oder die, die euch am besten gefällt - weil chart.js hat halt die netten Effekte beim Einblenden. die quickchart.io ist eben nur mit Standbild zu gebrauchen weil es sonst "springt" Aber beide laufen 
Hat etwas länger gedauert - aber nun weiß ich auch wieder mehr
nun für alle ganz offizell
Es gibt auf meiner Seite beide Versionen nun zum Download. Für beide gebe ich 100% Garantie das die laufen
Einmal - https://www.niederastroth.de/chartadmin.html Das ist die chart.js Version
Einmal - https://www.niederastroth.de/chart_10_farben.html Das ist die quickchart.io Version mit API
Ihr könnt beide runter laden oder die, die euch am besten gefällt - weil chart.js hat halt die netten Effekte beim Einblenden. die quickchart.io ist eben nur mit Standbild zu gebrauchen weil es sonst "springt"
Aber beide laufen Hat etwas länger gedauert - aber nun weiß ich auch wieder mehr