{"id":3989,"date":"2014-08-20T20:48:42","date_gmt":"2014-08-20T18:48:42","guid":{"rendered":"http:\/\/blog.wenzlaff.de\/?p=3989"},"modified":"2024-02-24T10:17:51","modified_gmt":"2024-02-24T09:17:51","slug":"wie-kann-das-aussehen-von-gplot-diagrammen-in-fhem-auf-einem-raspberry-pi-veraendert-werden","status":"publish","type":"post","link":"http:\/\/blog.wenzlaff.de\/?p=3989","title":{"rendered":"Wie kann das Aussehen von gplot Diagrammen in Fhem auf einem Raspberry Pi ver\u00e4ndert werden?"},"content":{"rendered":"<p>Das Aussehen der gplot Diagramme in <a href=\"https:\/\/wiki.fhem.de\/wiki\/Plots_erzeugen\" title=\"plots\" target=\"_blank\" rel=\"noopener noreferrer\">Fhem<\/a> ist in der <code>~\/fhem\/www\/pgm2\/svg_style.css<\/code> Datei ua. wie folgt definiert.<!--more--><br \/>\n<code><br \/>\n...<br \/>\n.l0 { stroke:red;     }  text.l0 { stroke:none; fill:red;     }<br \/>\n.l1 { stroke:green;   }  text.l1 { stroke:none; fill:green;   }<br \/>\n.l2 { stroke:blue;    }  text.l2 { stroke:none; fill:blue;    }<br \/>\n.l3 { stroke:magenta; }  text.l3 { stroke:none; fill:magenta; }<br \/>\n.l4 { stroke:brown;   }  text.l4 { stroke:none; fill:brown;   }<br \/>\n.l5 { stroke:black;   }  text.l5 { stroke:none; fill:black;   }<br \/>\n.l6 { stroke:olive;   }  text.l6 { stroke:none; fill:olive;   }<br \/>\n.l7 { stroke:gray;    }  text.l7 { stroke:none; fill:gray;    }<br \/>\n.l8 { stroke:yellow;  }  text.l8 { stroke:none; fill:yellow;  }<\/p>\n<p>.l0fill{ stroke:#f00; fill:url(#gr_0); }  text.l0fill{ stroke:none; fill:#f00; }<br \/>\n.l1fill{ stroke:#291; fill:url(#gr_1); }  text.l1fill{ stroke:none; fill:#291; }<br \/>\n.l2fill{ stroke:#00f; fill:url(#gr_2); }  text.l2fill{ stroke:none; fill:#00f; }<br \/>\n.l3fill{ stroke:#f0f; fill:url(#gr_3); }  text.l3fill{ stroke:none; fill:#f0f; }<br \/>\n.l4fill{ stroke:#ff0; fill:url(#gr_4); }  text.l4fill{ stroke:none; fill:#ff0; }<br \/>\n.l5fill{ stroke:#0ff; fill:url(#gr_5); }  text.l5fill{ stroke:none; fill:#0ff; }<br \/>\n.l6fill{ stroke:#000; fill:url(#gr_6); }  text.l6fill{ stroke:none; fill:#000; }<br \/>\n...<br \/>\n<\/code><br \/>\nHier mal jeweils ein Muster f\u00fcr alle <strong>.lxfill<\/strong> Styles am Beispiel des Standby Verbrauchs meines TV und Recorder:<\/p>\n<p><code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l0fill<\/strong> lw 2 with lines<\/code><\/p>\n<p><a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.29.38.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.29.38.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.29.38\" width=\"887\" height=\"218\" class=\"aligncenter size-full wp-image-3990\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.29.38.png 887w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.29.38-300x73.png 300w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p><code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l1fill<\/strong> lw 2 with lines<\/code><br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.26.35.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.26.35.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.26.35\" width=\"908\" height=\"222\" class=\"aligncenter size-full wp-image-3991\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.26.35.png 908w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.26.35-300x73.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.26.35-900x220.png 900w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p><code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l2fill<\/strong> lw 2 with lines<\/code><br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.03.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.03.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.27.03\" width=\"886\" height=\"217\" class=\"aligncenter size-full wp-image-3992\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.03.png 886w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.03-300x73.png 300w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p><code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l3fill<\/strong> lw 2 with lines<\/code><br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.27.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.27.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.27.27\" width=\"883\" height=\"218\" class=\"aligncenter size-full wp-image-3993\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.27.png 883w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.27-300x74.png 300w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p><code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l4fill<\/strong> lw 2 with lines<\/code><br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.51.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.51.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.27.51\" width=\"901\" height=\"221\" class=\"aligncenter size-full wp-image-3994\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.51.png 901w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.51-300x73.png 300w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.27.51-900x220.png 900w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p><code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l5fill<\/strong> lw 2 with lines<\/code><br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.11.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.11.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.28.11\" width=\"889\" height=\"219\" class=\"aligncenter size-full wp-image-3995\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.11.png 889w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.11-300x73.png 300w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p><code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l6fill<\/strong> lw 2 with lines<\/code><br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.34.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.34.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.28.34\" width=\"885\" height=\"221\" class=\"aligncenter size-full wp-image-3996\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.34.png 885w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.28.34-300x74.png 300w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n<p>Die .lx sind ja im Klartext oben zu sehen. Hier reicht wohl ein Beispiel f\u00fcr schwarz:<br \/>\n<code>plot \"<IN>\" using 1:2 axes x1y2 title 'Leistung in Watt' ls <strong>l5<\/strong> lw 2 with lines<\/code><br \/>\n<a href=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.41.39.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.41.39.png\" alt=\"Bildschirmfoto 2014-08-20 um 20.41.39\" width=\"882\" height=\"218\" class=\"aligncenter size-full wp-image-3999\" srcset=\"http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.41.39.png 882w, http:\/\/blog.wenzlaff.de\/wp-content\/uploads\/2014\/08\/Bildschirmfoto-2014-08-20-um-20.41.39-300x74.png 300w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Aussehen der gplot Diagramme in Fhem ist in der ~\/fhem\/www\/pgm2\/svg_style.css Datei ua. wie folgt definiert.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[220,852,1023],"tags":[1637,1485,612,693,1639,1638,1636,878],"class_list":["post-3989","post","type-post","status-publish","format-standard","hentry","category-anleitung","category-heimautomatisierung","category-raspberry-pi","tag-ausfuellen","tag-css","tag-diagramm","tag-fhem","tag-fhem-css","tag-fhem-diagramm-ausfuellen","tag-fill","tag-gplot"],"_links":{"self":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/3989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3989"}],"version-history":[{"count":0,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=\/wp\/v2\/posts\/3989\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3989"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.wenzlaff.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}