Dieses Tortendiagramm zeigt, wie man Details (via "Drill Down") mit weiteren Diagrammen darstellen kann. Die Implementierung besteht aus einem Haupt-Diagramm (dem Tortendiagramm) und drei Säulendiagrammen. Wenn man in ein Segment des Tortendiagramms klicked oder das Contextmenu verwendet (rechts-klick in das Tortendiagramm), so wird das Hauptdiagramm durch ein detaillierteres Säulendiagramm ersetzt. Mit dem Parameter "drill_chart" (zweiter Parameter "1") wird auch ein Contextmenu angefordert, über das man zum Tortendiagramm zurückkehrt (rechts-klick in das jeweilige Säulendiagramm).

[No canvas support]>

Parameter für die Erstellung der Diagramme

Note: Parameter für diese Art von Diagemmen sind rot markiert.
Haupt Diagramm:
{rgraph title="Umsatz im Januar nach Lokation" width="600" height="350" type="Pie" marginTop="30" marginLeft="60"  marginRight="80" data="Frankfurt,München,Stuttgart/48000,46000,51000" variant="pie3d" radius="95" labelsSticks="1" labelsIngraphBounding="0" labelsIngraphColor="#f0f0f0" draw_option="implode()" drill_charts="chart1,chart2,chart3" contextmenu="Frankfurt,chart1|München,chart2|Stuttgart,chart3" labelsIngraph="Frankfurt,München,Stuttgart"}cvs{/rgraph}
Drill-in Diagramme:
{title="Umsatz nach Woche in Frankfurt" draw_option="grow()" tooltip="#key#: #val# €"
data="1,2,3,4,5/2000,2000,3500,2500,2600|3200,3100,3200,3300,3300|3100,4100,3200,4400,4500" drill_chart="chart1,1" key="Books,CDs,DVDs" keyPositionX="260" marginTop="50" marginBottom="80"
marginLeft="35" variant="3d" "marginRight="15" titleXaxis="Week" titleXaxisPos="0.6" ymax="5000"}cvs{/rgraph} {rgraph title="Umsatz nach Woche in München" draw_option="fadeIn()" tooltip="#key#: #val# €" data="1,2,3,4,5/1800,1800,3200,2300,2500|3100,3000,3100,3200,3200|3000,4000,3100,4300,4400" drill_chart="chart2,1" key="Books,CDs,DVDs" keyPositionX="260" marginTop="50" marginBottom="80"
marginLeft="35" variant="3d" "marginRight="15" titleXaxis="Week" titleXaxisPos="0.6" ymax="5000"}cvs{/rgraph} {rgraph title="Umsatz nach Woche in Stuttgart" draw_option="fadeIn()" tooltip="#key#: #val# €" data="1,2,3,4,5/2200,2200,3700,2700,2800|3400,3300,3400,3500,3500|3300,4300,3400,4600,4700" drill_chart="chart3,1" key="Books,CDs,DVDs" keyPositionX="260" marginTop="50" marginBottom="80"
marginLeft="35" variant="3d" "marginRight="15" titleXaxis="Week" titleXaxisPos="0.6" ymax="5000"}cvs{/rgraph}

 

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: 5
Gestern: 77
Diese Woche: 82
Letzte Woche: 433
Dieser Monat: 1.420
Letzter Monat: 1.506
Dieses Jahr: 2.926
0235519
Deutschland 30,6% Deutschland
USA 23,1% USA
Frankreich 3,3% Frankreich
Italien 2,7% Italien
Indonesien 2,1% Indonesien
Polen 2,0% Polen
Niederlande 1,8% Niederlande

Total:

209

Länder
Wir benutzen Cookies

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.