Einsatz von Hintergrundbild für Diagramme

Mit dem Parameter "canvas_class" definiert man css styling Optionen für den aktuellen canvas. Damit kann man die Hintergrundfarbe oder ein Hintergrundbild anfordern. Man kann dies über ein style-sheet definieren oder man setzt es inline im Artikel via html style-tag:
<style>
.cvs-euro {
    background-image: url('/media/plg_content_rgraph/images/euro.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;";
}
</style>

Parameter zur Erzeugung des Diagramms:

{rgraph height="300" width="700" title="Fahrzeugkosten - günstigste Autos der Oberklasse" type="Bar" variant="glass" data="Porsche Taycan 4S, Range Rover Sport P300, BMW X7 xDrive40d,Mercedes GLS 350, Porsche 911 Carrera, Mercedes G 350d, BMW 840i Gran Coupé, Lexus LC Coupé 500h, Porsche Panamera PDK, Lexus LS 500h/106.7,107.2,112.1,115.5,115.8,117.4,121.1,121.2,125.0,125.2" tooltipsFormattedDecimals="1"
canvas_class="cvs-euro" tooltip="<b style='padding: 10px;font-size: 15px'>#label#<br><span style='padding:15px'>#val# cent pro Kilometer" yaxisScaleUnitsPost=" cent"  xaxisLabelsAngle="30" marginLeft="90" yaxisScaleMin="90" yaxisScaleDecimals="1" yaxisTitle="Cent pro Kilometer" chart_alignment="left" draw_option="draw()" }costs{/rgraph} 

 

[No canvas support]>

Quelle: ADAC (Stand November 2020)

 

Wichtig: Wenn Sie dieses Beispiel via Kopieren/Einfügen testen wollen, stellen Sie sicher, dass das Einfügen mit der Option "paste as plain text" (als unformatierten Text einfügen) durchgeführt wird.
zurück...

Besucher

Heute: 14
Gestern: 85
Diese Woche: 99
Letzte Woche: 732
Dieser Monat: 831
Letzter Monat: 2.167
0168906
United States 30,6% USA
Germany 19,4% Deutschland
Russia 4,4% Russland
France 3,4% Frankreich
Italy 2,6% Italien
Indonesia 2,6% Indonesien
India 2,2% Indien
Poland 2,1% Polen
Spain 2,1% Spanien

Total:

204

Länder

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbesssern. Auf keinen Fall werden persönliche oder vertrauliche Daten gespeichert oder weitergegeben.