eine Sache die ich bei der CometVisu nicht verstanden habe, wie schaffe ich es das sich Diagramme an verfügbare Breite des Browsers anpassen?
Man sieht, dass der Platz in der Breite 50/50 auf die zwei Diagramme aufgeteilt ist. Allerdings nimmt die Breite des Diagramms nicht den vollständigen Platz ein. Ich kann eine fixe Breite in Pixeln für jedes Diagramm einstellen, dann passt es aber zum Beispiel am Handy nicht mehr.
Code: Alles auswählen
1: <?xml version="1.0" encoding="UTF-8"?>
2: <pages lib_version="8" design="alaska_slim" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../visu_config.xsd">
3: <meta>
4: <plugins>
5: <plugin name="diagram"/>
6: </plugins>
7: <mappings/>
8: <stylings/>
9: <statusbar>
10: <status type="html"><img src="resource/icon/comet_64_ff8000.png" alt="CometVisu" /> by <a href="https://www.cometvisu.org/">CometVisu.org</a>
11: - <a href="manager.php">Config-Manager</a>
12: - <a href=".?forceReload=true">Reload</a></status>
13: <status type="html" condition="!edit" hrefextend="config">- <a href="editor/">Edit</a></status>
14: <status type="html" condition="edit" hrefextend="config">- <a href=".">normal Mode</a></status>
15: <status type="html">- <a href="?config=demo">Widget Demo</a></status>
16: <status type="html" hrefextend="config">- <a href="check_config.php">Check Config</a></status>
17: </statusbar>
18: </meta>
19: <page name="Start">
20: <diagram series="hour" refresh="300" period="24" legend="both" legendposition="nw" popup="true" previewlabels="true">
21: <layout colspan="6" rowspan="6" scale="true"/>
22: <axis label="Luftqualität" unit="ppm" position="left"/>
23: <influx authentication="influx" field="*" consolidationFunction="MEDIAN" measurement="timeseries_db/TS00009"/>
24: </diagram>
25: <diagram series="hour" refresh="300" period="24" legend="both" legendposition="nw" popup="true" previewlabels="true">
26: <layout colspan="6" rowspan="6" scale="true"/>
27: <axis label="Luftqualität" unit="ppm" position="left"/>
28: <influx authentication="influx" field="*" consolidationFunction="MEDIAN" measurement="timeseries_db/TS00011"/>
29: </diagram>
30: </page>
31: </pages>
Viele Grüße,
Matthias