Widget Chart Cursor ungenau wenn data-yticks nicht gleich "auto"

[breitbanddilettant]

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:

Code Auswählen Erweitern


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

[Ulm32b]

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

Vielleicht kann mein Beispiel helfen:

Code Auswählen Erweitern

<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:

Code Auswählen Erweitern

/* 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;
}