Drill in Chart with Tooltips

This pie chart shows how you can have charts in tooltips. It is built of a main-chart (the pie chart) and three drill-in bar charts. If you click into a pie segment a tooltip will show a detailed chart for it.

[No canvas support]>

Parameters for creation of chart

Note: Required parameters to build this kind of chart are marked with red color.
Main Chart:
{rgraph title="Revenue in January by Location" width="600" height="350" type="Pie" marginTop="10" marginLeft="60"
marginRight="80" data="Frankfurt,Munic,Stuttgart/48000,46000,51000" tips_width="350" tips_height="200"
drill_tips="chart1,chart2,chart3" variant="pie3d" radius="80" labelsSticks="1" labelsIngraph="Frankfurt,Munic,Stuttgart"
labelsIngraphBounding="0" labelsIngraphColor="#f0f0f0" marginBottom="0" draw_option="roundRobin()"}revenue1{/rgraph}
Drill-in charts:
{rgraph data="1,2,3,4,5/2000,2000,3500,2500,2600|3200,3100,3200,3300,3300|3100,4100,3200,4400,4500" yaxisScaleMax="5000"
type="Bar" drill_chart="chart1" key="Books,CDs,DVDs" keyPosition="margin"
marginTop="20" marginBottom="35" marginLeft="35" marginRight="15" xaxisTitle="Week" xaxisTitlePos="0.7"}tooltip_canvas{/rgraph} {rgraph data="1,2,3,4,5/1800,1800,3200,2300,2500|3100,3000,3100,3200,3200|3000,4000,3100,4300,4400" yaxisScaleMax="5000"
type="Bar" drill_chart="chart2" key="Books,CDs,DVDs" keyPosition="margin"
marginTop="20" marginBottom="35" marginLeft="35" marginRight="15" xaxisTitle="Week" xaxisTitlePos="0.7"}tooltip_canvas{/rgraph} {rgraph data="1,2,3,4,5/2200,2200,3700,2700,2800|3400,3300,3400,3500,3500|3300,4300,3400,4600,4700" yaxisScaleMax="5000"
type="Bar" drill_chart="chart3" key="Books,CDs,DVDs" keyPosition="margin"
marginTop="20" marginBottom="35" marginLeft="35" marginRight="15" xaxisTitle="Week" xaxisTitlePos="0.7"}tooltip_canvas{/rgraph}

 

Important: If you want to test this sample via copy/paste, ensure that you paste with option "paste as plain text" otherwise imbedded html-codes may invalidate your input.
go back...

Visitors

Today: 7
Yesterday: 39
This Week: 388
Last Week: 432
This Month: 46
Last Month: 1,976
0209131
Germany 28.0% Germany
USA 25.0% USA
Russia 3.8% Russia
France 3.1% France
Italy 2.7% Italy
Indonesia 2.2% Indonesia
Poland 2.0% Poland
Spain 1.8% Spain
India 1.8% India

Total:

206

Countries
We use cookies

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.