Hallo, ich würde gerne wissen welche Möglichkeiten es gibt eine Linie in einem ftui-chart in ftui3 anzupassen, also Dicke, Form, Art, Aussehen etc.
Einige sind mir bekannt wie die border-width-Eigenschaft, aber zum Beispiel bekomme ich es nicht hin, eine Linie gestrichelt darzustellen. Deshalb würde ich gerne mal eine Liste erstellen mit allen Eigenschaften, Attributen etc. die sich auf das Aussehen eines Chart-Data-Elementes auswirken können.
Bekannt sind:
Color: Vordergrundfarbe der Linie
background-color: Hintergrundfarbe der Linie bei gesetztem Attribut FILL
point-background-color: Hintergrundfarbe des Legendenpunktes
point-radius: Größe der Datenpunkte im Chart
border-width: Rahmen der Linie (somit auch Linienstärke)
type: Linienart (hier sollte ja eigentlich ein gestrichelt existieren, oder)
stepped: stufige Darstellung der Linie
fill: Füllung der Linie unterhalb bis zum 0-Punkt
Was gibt es sonst noch?
dashed und dotted line type habe ich jetzt eingebaut
<ftui-chart id="mychart1" title="humidity" width="300px" height="200px" unit="24h" grid-line-color="#add" >
<ftui-chart-data log="FileLog_THSensorWZ" spec="4:THSensorWZ.humidity" [update]="THSensorWZ:state:time" type="dashed" point-radius="0">
</ftui-chart-data>
<ftui-chart-controls units="24h, 30d"></ftui-chart-controls>
</ftui-chart>
<ftui-chart id="mychart1" title="humidity" width="300px" height="200px" unit="24h" grid-line-color="#eee" >
<ftui-chart-data log="FileLog_THSensorWZ" spec="4:THSensorWZ.humidity" [update]="THSensorWZ:state:time" type="dotted" point-radius="0">
</ftui-chart-data>
<ftui-chart-controls units="24h, 30d"></ftui-chart-controls>
</ftui-chart>
Attribute Docu ist hier: https://github.com/knowthelist/ftui#chart