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).
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...
