3d Bar chart with multiple rows

This style of 3D chart is supported natively and is not very difficult to achieve - especially as all the source code is below and you can just copy it!

Parameter for creation of chart

bar chart for back row:

{rgraph width="650" height="350" data="35,34,32,28,26,35,34" variant="3d" variantThreedYaxis="false"
 variantThreedXaxis="false" title="3d Bar chart with multiple rows<br>"
 colors="Gradient(#669:blue:blue)" shadow="true" shadowOffsetx="10"
 shadowColor="rgba(0,0,0,0.5)"  
 scaleZerostart="false"  yaxisScaleUnitsPost="km  " marginLeft="120" marginRight="25" marginTop="45"
 marginBottom="125"  yaxisScaleMax="40" yaxis="false"}cvs{/rgraph} 

bar chart for middle row:

{rgraph width="650" height="350" data="20,21,24,23,18,19,20" variant="3d" variantThreedYaxis="false"
 variantThreedXaxis="false" combine_chart="1" backgroundGrid="false"
 colors="Gradient(#966:#f00:#f00)" shadow="true" shadowOffsetx="10"
 shadowColor="rgba(0,0,0,0.5)"  
 scaleZerostart="true"  yaxisLabelsCount="0" marginLeft="100" marginRight="45" marginTop="55"
 marginBottom="115"  yaxisScaleMax="40" yaxis="false"}cvs{/rgraph}  

bar chart for front row:

{rgraph width="650" height="350" variant="3d"
 data="Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday/5,16,10,12,13,15,16" 
 varianthreedYaxis="false" variantThreedXaxis="false" combine_chart="1" backgroundGrid="false"
 colors="Gradient(#696:#0f0:#0f0)" shadow="true" shadowOffsetx="10"
 shadowColor="rgba(0,0,0,0.5)"  
 scaleZerostart="true"  marginLeft="80" marginRight="65" marginTop="65" marginBottom="105"
  yaxisScaleMax="40" yaxis="false" yaxisLabelsCount="0"}cvs{/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...