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>