FHEM Forum

Hallo zusammen,

das ursprüngliche Problem ist, dass die unterste y Beschriftung und die linkste y Beschriftung zu nahe aneinander liegen. Ich dachte mir also, der Plot schaut besser aus, wenn man den untersten und obersten y tick einfach leer lässt. Daher nutze ich bis jetzt folgenden Tick Eintrag:


data-yticks='[[-20,""],[0,"0°C"],[20,"20°C"],[40,"40°C"],[60,"60°C"],[80,""]]'


Jetzt ist mir aber aufgefallen, dass der Cursor dann nur Werte in der selben Granularität wie die Ticks darstellt. Spricht, 20° oder 40° oder 60°, ...
Also habe ich ich mal testhalber data-yticks="auto" gesetzt und schon sind die Werte am Cursor wieder genau.

Woran kann das liegen?

und was wäre der alternative Weg, die unterste und oberste Tick Beschriftung loszuwerden?

Danke,
Konstantin

Zitat von: breitbanddilettant am 05 Februar 2020, 01:33:31
und was wäre der alternative Weg, die unterste und oberste Tick Beschriftung loszuwerden?

Vielleicht kann mein Beispiel helfen:
<div data-type="chart"
data-prefetch="true"
data-device="bft"
data-get="SuperE10"
data-logdevice="DBLogging"
data-columnspec="Benzinpreis_bft:SuperE10"
data-style='["ftui l0fill"]'
data-ptype="steps"
data-minvalue="0.9"
data-maxvalue="1.65"
data-nofulldays="false"
data-title="Aktuell: $data{currval1} €"
data-title_class="title-gas"
data-margin="10"
data-width="800px"
data-height="500px"
data-xticks="auto"
data-xticks_round="auto"
data-xtext_offset="auto"
data-yticks_format="#.##"
data-yunit=" €&nbsp;"
data-daysago_start="1"
data-timeranges='[["Heute","0D","-1D"],["2 Tage","1D","-1D"],["Aktuelle Woche","0W","-1W"],["Aktueller Monat","0M","-1M"],["Aktuelles Quartal","2M","-1M"],["Aktuelles Jahr","0Y","-1Y"]]'
class="top-space big bg-transparent">
</div>

Und in der fhem-tablet-ui-user-css:
/* start of styles for chart widget */

/* Definition of the axes generally */
.text.axes {
font-size: 20px !important;
font-family: "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
}

/* Legende und Cursor ausblenden */
svg.legend text.caption {
display: none;
}

/* Definition of size etc. for the buttons */
.buttons {
font-size: 50px!important;
}

/* Definition von size etc. für den Titel Benzin */
.title-gas {
font-size: 20px!important;
fill: #888;
font-family: "Helvetica Neue", "Helvetica", "Open Sans", "Arial", sans-serif;
}

/* Definition of the chart background area: Standard wird hier geändert */
.chart-background {
fill-opacity: 0 !important;
}