How to enhance look and feel of your charts using new features of EasyCharts 4.



Gradient background and chart background

Possibility to set gradient background inside and outside grid. Parameters: background=color1|color2; chartBackground=color1|color2.
Backgrounds inside and outside the grid are filled with gradient from top to bottom starting with color1 and ending with color2.



<applet archive=chart.jar code=com.objectplanet.chart.ChartApplet width=400 height=280>
<param name=chart value=bar>
<param name=seriesCount value=1>
<param name=sampleValues_0 value=10,18,28,41,55>
<param name=sampleColors value=#267ec2ef>
<param name=3DModeOn value=true>
<param name=3DDepth value=10>
<param name=range value=60>
<param name=rangeInterval value=10>
<param name=rangeColor value=#506373>
<param name=barWidth value=0.4>
<param name=multiColorOn value=true>
<param name=barType value=stacked>
<param name=barOutlineOff value=true>
<param name=font value=Verdana,bold,11>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
<param name=graphInsets value=30,50,40,30>
</applet>



Alternate chart background

Possibility to set second color of the chart background to alternate with the original background inside the grid. Parameter: alternateChartBackground=color.



<applet archive=chart.jar code=com.objectplanet.chart.ChartApplet width=400 height=280>
<param name=chart value=bar>
<param name=seriesCount value=1>
<param name=sampleValues_0 value=10,18,28,41,55>
<param name=sampleColors value=#267ec2ef>
<param name=3DModeOn value=true>
<param name=3DDepth value=10>
<param name=range value=60>
<param name=rangeInterval value=10>
<param name=rangeColor value=#506373>
<param name=barWidth value=0.4>
<param name=multiColorOn value=true>
<param name=barType value=stacked>
<param name=barOutlineOff value=true>
<param name=font value=Verdana,bold,11>
<param name=alternateChartBackground value=#F5F6F7>
<param name=chartBackground value=#d2e8FF>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
<param name=graphInsets value=30,50,40,30>
</applet>



Gradient bar chart sample colors

Possibility to set gradient sample colors for the bar chart samples. Parameters: sampleColors=color1|color2,color3|color4...
Bars are filled with gradient from lower to upper range value starting with color1 and ending with color2.



<applet archive=chart.jar code=com.objectplanet.chart.ChartApplet width=400 height=280>
<param name=chart value=bar>
<param name=seriesCount value=1>
<param name=sampleValues_0 value=10,18,28,41,55>
<param name=sampleColors value=#267ec2ef|#E2EFF6ee>
<param name=3DModeOn value=true>
<param name=3DDepth value=10>
<param name=range value=60>
<param name=rangeInterval value=10>
<param name=rangeColor value=#506373>
<param name=barWidth value=0.4>
<param name=multiColorOn value=true>
<param name=barType value=stacked>
<param name=barOutlineOff value=true>
<param name=font value=Verdana,bold,11>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
<param name=graphInsets value=30,50,40,30>
</applet>



Cylinder bars

Possibility to set cylinder bar shape. Parameter: barShape=cylinder.




<applet archive=chart.jar code=com.objectplanet.chart.ChartApplet width=400 height=280>
<param name=chart value=bar>
<param name=seriesCount value=1>
<param name=sampleValues_0 value=10,18,28,41,55>
<param name=sampleColors value=#267ec2ef>
<param name=3DModeOn value=true>
<param name=3DDepth value=10>
<param name=range value=60>
<param name=rangeInterval value=10>
<param name=rangeColor value=#506373>
<param name=barWidth value=0.5>
<param name=multiColorOn value=true>
<param name=barType value=stacked>
<param name=barShape value=cylinder>
<param name=barOutlineOff value=true>
<param name=font value=Verdana,bold,11>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
<param name=graphInsets value=30,50,40,30>
</applet>



Gradient 3D lines

Use sampleColors parameter to set gradient colors for the 3D lines.
Bars are filled with gradient from left to right starting with color1 and ending with color2.



<applet archive=chart.jar code=com.objectplanet.chart.ChartApplet width=400 height=280>
<param name=chart value=line>
<param name=seriesCount value=2>
<param name=sampleCount value=5>
<param name=sampleValues_0 value=20,25,28,18,16>
<param name=sampleValues_1 value=40,37,45,38,32>
<param name=sampleColors value=#E2EFF6ee|#267ec2ef,#f6efe2ee|#c63606>
<param name=3DModeOn value=true>
<param name=3DDepth value=20>
<param name=range value=55>
<param name=lowerRange value=10>
<param name=rangeLabelFont value=Arial,bold,12>
<param name=rangeColor value=#555555>
<param name=barType value=behind>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
<param name=graphInsets value=30,75,45,35>
</applet>



Stacked line chart without outline and configured 3D depth

Use outlineOff parameter to turn off the outline and line3DDepth parameter to set 3D depth of the stacked line chart.



<applet archive=chart.jar code="com.objectplanet.chart.ChartApplet"
width="400" height="280">
<param name=chart value=line>
<param name=sampleValues value=20,25,40,30,60,80,59,35,47,40,22>
<param name=range value=80>
<param name=rangeInterval value=10>
<param name=rangeColor value=#555555>
<param name=rangeLabelFont value=Verdana,bold,11>
<param name=font value=Verdana,bold,10>
<param name=sampleColors value=#0082D677|#176098ef>
<param name=outlineOff value=true>
<param name=stackedOn value=true>
<param name=line3DDepth value=0.4>
<param name=barType value=behind>
<param name=graphInsets value=35,68,43,35>
<param name=3DModeOn value=true>
<param name=3DDepth value=15>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
</applet>



Tube line style

Use lineStyle=tube to display tube lines.



<applet code=com.objectplanet.chart.ChartApplet
archive=chart.jar width=400 height=280>
<param name=chart value="line">
<param name=seriesCount value=3>
<param name=sampleValues_0 value="51,42,41,43,31,31,34">
<param name=sampleValues_1 value="65,66,53,55,60,56,45">
<param name=sampleValues_2 value="85,86,73,75,80,76,65">
<param name=sampleColors value=#f73131,#fcb13b,#4d9fdf>
<param name=rangeStep value=100>
<param name=lowerRange value=20>
<param name=font value="Verdana,bold,11">
<param name=rangeColor value=#555555>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
<param name=lineWidth value=10,10,10>
<param name=lineStyle value=tube>
<param name=graphInsets value=30,55,30,50>
</applet>



3D areas in line chart

Possibility to highlight area between two lines in 3D mode. Parameter: area_N=line_index_0,line_index_1,area_color.
The lines should be defined by sampleValues parameter and located on the same level along Z-axis by using line3DLayout=same_level.



<applet code=com.objectplanet.chart.ChartApplet
archive=chart.ext.jar width=400 height=280>
<param name=chart value=line>
<param name=seriesCount value=2>
<param name=sampleValues_0 value=70,47,42,45,55,70,90,100,90,60>
<param name=sampleValues_1 value=110,71,55,55,85,140,180,180,160,130>
<param name=sampleColors value=#00A0C488,#FF620088>
<param name=rangeInterval value=40>
<param name=range value=200>
<param name=rangeLabelFont value=Verdana,bold,11>
<param name=rangeColor value=#555555>
<param name=area_0 value=0,1,#FFE20099>
<param name=3DModeOn value=true>
<param name=3DDepth value=15>
<param name=line3DLayout value=same_level>
<param name=line3DDepth value=0.6>
<param name=graphInsets value=30,65,40,30>
<param name=alternateChartBackground value=#d1e5fb>
<param name=chartBackground value=#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
</applet>



Sample highlights for the 3D spline chart



<applet code=com.objectplanet.chart.ChartApplet
archive=chart.ext.jar width=400 height=280>
<param name=chart value=spline>
<param name=seriesCount value=2>
<param name=sampleValues_0 value=3,2,2,6,5,4,3,9,4,2,4,6,4,3,4>
<param name=sampleValues_1 value=19,17,12,11,19,13,14,19,10,10,14,15,13,4,18,15>
<param name=sampleColors value=#FF923477|#FF9234df,#FFE74877|#FFE748df>
<param name=font value=Verdana,bold,11>
<param name=range value=20>
<param name=rangeLabelFont value=Verdana,bold,12>
<param name=3DModeOn value=true>
<param name=3DDepth value=30>
<param name=sampleHighlightOn value=true>
<param name=sampleHighlightStyle value=circle_filled>
<param name=sampleHighlightSize value=8>
<param name=rangeInterval value=4>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#6a9bbd>
<param name=graphInsets value=30,80,50,30>
</applet>



3D outline of the chart grid

Possibility to dispaly 3D outilne of the grid. Parameter: gridOutline3D=true.



<applet archive=chart.jar code=com.objectplanet.chart.ChartApplet width=400 height=280>
<param name=chart value=bar>
<param name=seriesCount value=1>
<param name=sampleValues_0 value=10,18,28,41,55>
<param name=sampleColors value=#267ec2ef>
<param name=3DModeOn value=true>
<param name=3DDepth value=10>
<param name=gridOutline3DOn value=true>
<param name=range value=60>
<param name=rangeInterval value=10>
<param name=rangeColor value=#506373>
<param name=barWidth value=0.5>
<param name=multiColorOn value=true>
<param name=barType value=stacked>
<param name=barShape value=cylinder>
<param name=barOutlineOff value=true>
<param name=font value=Verdana,bold,11>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#506373>
<param name=foreground value=#506373>
<param name=graphInsets value=30,50,40,30>
</applet>



Gradient PieChart samples

The PieChart sample colors are displayed gradient per default. In order to turn off gradient sample colors use parameter: gradientSamplesOn=false.



<applet code=com.objectplanet.chart.ChartApplet
archive=chart.jar width=400 height=280>
<param name=chart value="pie">
<param name=sampleValues value="51,42,41">
<param name=sampleColors value=#f731318f,#fcb13b8f,#4d9fdf8f>
<param name=chartBackground value=#B2D8FF|#F5F6F7>
<param name=background value=#F5F6F7|#B2D8FF>
<param name=chartForeground value=#79C0FF>
<param name=foreground value=#506373>
<param name=3DModeOn value=true>
<param name=angle value=30>
<param name=depth value=0.1>
<param name=pieRotationOn value=true>
<param name=graphInsets value=30,30,30,30>
</applet>