Für die Kombination wird im zweiten und dritten Diagramm der Parameter "combine_chart" auf "true" gesetzt. Dies bewirkt, dass diese Diagramme den gleichen Canvas ("cvs") wie das erste verwenden und einander überlagern.
Parameter zur Erzeugung des ersten Diagramms:
{rgraph data="Montag,Dienstag,Mittwoch,Donnerstag,Freitag,Samstag,Sonntag/40,50,80,30,40,60,70" title="Ein kombiniertes Diagramm"
xaxisLabelsAngle="20" variant="glass" chart_name="chart" colorsSequential="true" tooltip=" #val#€"
yaxisScaleUnitsPost=" €" tooltipsEvent="onmousemove" marginRight="40"}cvs{/rgrap
Parameter zur Erzeugung des zweiten Diagramms:
{ type="Pie" data="40,50,80,30,40,60,70" combine_chart="1" radius="50" centerx="300" centery="100"
tooltip="#val#€<br>#percent#% of #total#€" chart_name="chart" chart_script="plugins/content/rgraph/js/pie_chart.js"
tooltipsEvent="onmousemove"}cvs{/rgraph}
Parameter zur Erzeugung des drittem Diagramms:
{rgraph type="Line" data="400,550,600,500,400,600,700" combine_chart="1" tooltip="#val#$" yaxisPosition="right"
tooltipsEvent="onmousemove" marginRight="40" ymax="800" yaxisScaleUnitsPost=" $"}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...