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="500" height="350" type="Pie" gutterTop="10"
data="Frankfurt,Munic,Stuttgart/48000,46000,51000" tips_width="350" tips_height="200" tooltipsCoordsPage="true" 
drill_tips="chart1,chart2,chart3" variant="pie3d" gutterRight="50" radius="95" labelsSticks="1"
labelsSticksLength="15" labelsIngraph="Frankfurt,Munic,Stuttgart" labelsIngraphBounding="0"
labelsIngraphColor="#f0f0f0" }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"
ymax="5000" type="Bar" drill_chart="chart1"  key="Books,CDs,DVDs" keyPosition="gutter" gutterTop="20"
gutterBottom="35" gutterLeft="35"  gutterRight="15" titleXaxis="Week" titleXaxisPos="0.2" }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"
ymax="5000" type="Bar" drill_chart="chart2" key="Books,CDs,DVDs" keyPosition="gutter" gutterTop="20"
gutterBottom="35" gutterLeft="35"  gutterRight="15" titleXaxis="Week" titleXaxisPos="0.2" }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"
ymax="5000" type="Bar" drill_chart="chart3" key="Books,CDs,DVDs" keyPosition="gutter" gutterTop="20"
gutterBottom="35" gutterLeft="35"  gutterRight="15" titleXaxis="Week" titleXaxisPos="0.2" }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: 16
Yesterday: 10
This Week: 119
Last Week: 116
This Month: 250
Last Month: 715
0145122
United States 35.7% USA
Germany 13.2% Germany
Russia 4.6% Russia
France 3.2% France
Italy 2.6% Italy
Indonesia 2.6% Indonesia
India 2.4% India
Poland 2.2% Poland

Total:

203

countries
Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok