Home

ElegantJ Chart Designer - User Manual Ver 1.0

1. Macro List series Na D Add Ok Cancel Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O 8 2 9 Bubble Chart Property 8 2 9 1 ChartArea Select the ChartArea tab to change only the properties of area included within the chart as explained below www ElegantJCharts com Page 105 ElegantJ Charts Designer User Manual MouseOver Bubble Background Visible IT Background Color z Gradient Properties Click to Change Figure 58 Bubble Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient Gradient Angle 30 Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box
2. gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open www ElegantJCharts com Page 71 ElegantJ Charts Designer User Manual O Macro Editor x SDATA VALUE Macro List series Na D Ok Cancel e Select the macro from the Macro List Please see Table 4 Click button to add the macro Click button to save changes Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open O O Font Chooser EN Font Name Font Style Font Size Dialog Pain sl DI ABC abc 123 al cares Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible VV WM Select the required color from the Background Color list Select the required color from the Foreground Color list Click Cl
3. av c A T E G antes e R Y N D S M E Difference between low 3D vertical offset and high 3D vertical offset 15000 30000 SALES AMOUNT 45000 60000 s c aro A T E A pane R Y A pest M E wet oti 0 15000 30000 45000 60000 SALES AMOUNT Figure 27 3D Vertical Offset Enter the numeric value in the Chart Width text box Enter the numeric value in the Chart Height text box Click __ F_ button to see effects of changes made Click button to go back without saving changes Click button to save change VV VV WV www ElegantJCharts com Page 49 ElegantJ Charts Designer User Manual 8 2 Advance Select the Advance from Property from the View menu Alternatively select GI option from the toolbar to change the advance chart properties explained below 8 2 1 Bar Chart Property 8 2 1 1 ChartArea Select the ChartArea tab to change only the properties of area included within the chart as explained below ea mouseover Bar Background Visible Background Color H Gradient Properties Click to Change OK Cancel Figure 28 Bar Chart Advance Chart Area gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list www ElegantJCharts com Page 50 ElegantJ Charts Designer User Manual mS gt 2 lt DTOOmMaroO
4. button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 8 2 Name Select the Name tab to change the legend name properties as explained below www ElegantJCharts com Page 145 ElegantJ Charts Designer Display Name Visible Name Text Maximum Lines Alignment center k Font Click to Change Background Visible Background Color Foreground Color Border Properties Click to Change Ok Cancel Apply Figure 84 Legend Name VV WM the Maximum Lines list gt Select the alignment from the Alignment list gt Click Click to Change button to change Font Font Chooser dialog box will open O O Font Chooser Font Name Font Style Font Size Dialog D PLAIN D h 2 sl ABC abe 123 al ze User Manual To display name mark the checkbox provided against Name Visible Enter the name text to be displayed in the Name Text text box Select the maximum number of lines to be displayed in the chart title from Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To display background mark the checkbox provided against Background Visible gt Select the required color from the Background Color list www ElegantJCharts com Page 146 ElegantJ Ch
5. Pain sl DI ABC abc 123 al cares Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible VV WM Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open www ElegantJCharts com Page 88 ElegantJ Charts Designer User Manual Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click __4 _ button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O O 8 2 6 4 Bar Select the Bar tab to change the propertie
6. button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change www ElegantJCharts com Select the macro from the Macro List Please see Table 4 Page 111 ElegantJ Charts Designer User Manual 8 2 10 Stock Chart Property 8 2 10 1 ChartArea Select the ChartArea tab to change only the properties of area included within the chart as explained below Figure 61 Stock Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open www ElegantJCharts com Page 112 ElegantJ Charts Designer User Manual Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient G Gradient Angle Gradient Extent Gradient Color Ok Cancel Mark the checkbox to set Gradient Visible Select a gradient from the Gradient Style list Enter an angle from where the gradient is to be applied in the Gradient Angle text box Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color o Click button to save cha
7. Dialog D PLAIN 7 I 2 D ABC abe 123 Ok Cancel Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes To display background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list To display drill down mark the checkbox provided against Drill Down Enable Please see Figure 24 www ElegantJCharts com Page 148 ElegantJ Charts Designer User Manual gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open O O O O gt Click Macro Editor DATA VALUE Macro List series Ha e Add Ok Cancel Select the macro from the Macro List Please see Table 4 Click button to add the macro Click button to save change Click button to go back without saving changes Apply button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change www ElegantJCharts com Page 149 ElegantJ Charts Designer User Manual 9 Product and Support Information Product amp Support Information gt You can find more information about ElegantJ Charts Designer and it s features on www ElegantJCharts com gt Forward your support related mai
8. Gradient Property EN Property Gradient Visible f_i Linear Gradient T Gradient Style Gradient Angle Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Clic o Click button to go back without saving changes k button to save change User Manual gt Specify a value to indicate the radar diameter on the chart in Diameter text box gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will op en Macro Editor SDATA VALUE series Na D Add Ok Cancel Macro List o Select the macro from the Macro List Please see Table 4 o Clic o Clic o Click button to go back without saving changes k button to add the macro k button to save change gt Click Lee button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change www ElegantJCharts com Page 82 ElegantJ Charts Designer User Manual 8 2 6 Combined Chart Property 8 2 6 1 ChartArea
9. Select the ChartArea tab to change only the properties of area included within the chart as explained below Figure 48 Combined Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open www ElegantJCharts com Page 83 ElegantJ Charts Designer User Manual Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient G Gradient Angle Gradient Extent Gradient Color Ok Cancel Mark the checkbox to set Gradient Visible Select a gradient from the Gradient Style list Enter an angle from where the gradient is to be applied in the Gradient Angle text box Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 0 0 O O O 8 2 6 2 MouseOver Bar Select the MouseOver Bar tab to change appearance of the mouseov
10. www ElegantJCharts com Page 106 ElegantJ Charts Designer User Manual o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 9 2 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below Enable Static Text Enable Alignment Center v Text Click to Change Maximum Characters M20 Font Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel Figure 59 Bubble Chart Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open www ElegantJCharts com Page 107 ElegantJ Charts Designer User Manual O Macro Editor
11. www ElegantJCharts com Page 54 Elegant Charts Designer User Manual o Click Lox _ button to save change o Click button to go back without saving changes gt Click Amny button to see effects of changes made gt Click ze button to go back without saving changes gt Click button to save change 8 2 1 3 Bar Select the Bar tab to change the properties of the value bars appearing in the chart using the properties explained below Figure 33 Bar Chart Advance Bar gt Select a bar chart type from the Types list gt Click Click to Change button to change the Colors Bar Color Chooser dialog box will open Bar Color Chooser www ElegantJCharts com Page 55 ElegantJ Charts Designer User Manual o Select the index and color from the list o Click button to save change o Click button to go back without saving changes Set the Transparency of bar chart Select the border style from the Border Style please see Figure 31 list Select the border width from the Border Width list Select a color from the Border Color list Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient Gradient Angle VV WM WM Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient fro
12. Enter the chart title to be displayed in the Title Text text box Select the maximum number of lines to be displayed in the chart title from the Maximum Lines list Select an appropriate alignment for the chart title from the Alignment list Select an appropriate position for the chart title from the Position list Click Click to Change button to change Font Font Chooser dialog box will open O O Font Chooser EN Font Name Font Style Font Size Dialog DI PLAIN DI f 2 x ABC abe 123 al ze Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To show background mark the checkbox provided against Background Visible www ElegantJCharts com Page 126 ElegantJ Charts Designer User Manual Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Properties Border amp Shadow Properties dialog box will open VV V Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow
13. gt Click Click to Change button to change Font Font Chooser dialog box will open VV V www ElegantJCharts com Page 137 ElegantJ Charts Designer User Manual Font Chooser EN Font Name Font Style Font Size Dialog gt Pean sl D ABC abc 123 Ok Cancel o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes gt To display background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Properties Border amp Shadow Properties dialog box will open VV V Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back wi
14. 15000 30000 45000 60000 SALES AMOUNT m z lt DOOmMASO SALES AMOUNT Figure 29 Gradient Effect gt Click Click to Change button to change Gradient Properties Gradient Property dialog box will open Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient bd Gradient Angle Gradient Extent Gradient Color ox caron o Mark the checkbox to set Gradient Visible www ElegantJCharts com Page 51 ElegantJ Charts Designer User Manual Select a gradient from the Gradient Style list Enter an angle from where the gradient is to be applied in the Gradient Angle text box o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Click button to save change o Click button to go back without saving changes Oo Oo gt Click Apply button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 1 2 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below Text Enable Alignment Font Foreground Color Border Shadow Properties Click to Change IV Static Text Enable IT center S Click to
15. C T N A yon M E Figure 24 Drill Down Effect gt To allow data sorting mark the checkbox provided against Data Sorting Enable www ElegantJCharts com Page 46 ElegantJ Charts Designer User Manual gt To display the chart with 3D effect mark the checkbox provided against 3D Effect Enable UK m ave Musa Lo A T LS G pane o R Y N s A esto M D E Leger Difference between pe 2D and 3Dj charts D 15000 30000 45000 60008 COUNTRY ver Musa VE E A d E G pate 52225 o Bw R R L x o weit M E And wei D 15000 30000 45000 60000 Figure 25 2D and 3D Effects www ElegantJCharts com Page 47 ElegantJ Charts Designer User Manual gt If 3D Effect is enabled enter the numeric value in the Horizontal Offset for 3D Effect text box to change the horizontal dimension of the chart COUNTRY muk st VU c A T E S Difference c pant between low 3D R horizontal offset Y and high 3D wem horizontal offset pe M E perot 0 15000 30000 45000 60000 COUNTRY muk U R A T E G pane o R Y N pest M E peno D 15000 30000 45000 60000 Figure 26 3D Horizontal Offset www ElegantJCharts com Page 48 ElegantJ Charts Designer User Manual gt If 3D Effect is enabled enter the numeric value in the Vertical Offset for 3D Effect text box to change the vertical dimension of the chart
16. Figure 14 File Menu New Option 36 Figure 15 File Menu Open Opton 37 Figure 16 File Menu Save Option iri ncsarccinneni en a a a 38 Figure 17 File Menu Save As Option 38 Figure 18 Help Menu Register Elegant Charts Designer 41 Figure 19 Help Menu About Elegant Charts Designer scseeeeeeeeeeeee es 41 Figure 20 Create Chart Wizard c cece cece eee eee eee eee nee neta eee e eee ta nena nies 42 Figure 21 Create Chart Wizard Create New From Scratch Select Chart Type 43 Figure 22 Create Chart Wizard Create From Existing Template Select Chart Template E 43 Figure 23 Genera leasain any E a OE A E EN 44 Figure 24 Drill DOWNn Effect 46 Figure 25 2D and 3D Effect arasan Naa NAAN Pina NKEA NAANA aAa Ta 47 Figure 26 3D Horizontal Offset sessiya a aa 48 Figure 27 3D Vertical Ofteet iesist iiva sanis NENNEN SEENEN EEN NENNEN SEENEN RSR NENNEN 49 Figure 28 Bar Chart Advance Chart Area 50 Figure 29 Gradient Effect iver iviserccativedecd Dee AN creer GRAND ARENR ee De NEEN 51 Figure 30 Bar Chart Advance MOUSCOVED ccececeete tere ee ee eeeeeetne nena eeeanananes 52 Figure 31 Border Styles peiron panna naa SEENEN NEE tuned REN See ER NENNEN 54 Figure 32 Shadow Styles age gegket seg Kugel ERNZEN ERENNERT 54 Figure 33 Bar Chart Advance Bar 55 Figure 34 Gap between Data Areas E 57 Figure 35 Line Chart Advance ChartArea E 58 Figure 36 Li
17. Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VVVVVVV Radar chart is having sub type as under gt Radar gt Stacked Radar www ElegantJCharts com Page 25 ElegantJ Charts Designer User Manual 5 6 Combined Chart Combined chart is a special form of Vertical Bar chart that displays information in such a way that priorities for process improvement can be established It shows the relative importance of all the data and is used to direct efforts to the largest improvement opportunity by highlighting the vital few in contrast to the many others unit 60000 60000 COUNTRY Wb s s CR 45000 45000 P L L E E s s M 30000 30000 E M A o R U G N 15000 E d 15000 E 0 0 S S S error pest panies apo CATEGORY NAME Figure 7 Combined Chart For the Combined chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VVVVVVV www ElegantJCharts com
18. following directories and files will be created Directory lib contains Jar file s Directory templates contains template file s Directory docs contains document file s Rundesigner bat to run the ElegantJ Charts Designer for Windows only VVVV 3 1 2 1 Installing on Windows 95 98 To include Elegant Charts Designer in CLASSPATH add following statement to your autoexec bat file Set CLASSPATH CLASSPATH C ElegantJChartsDesigner lib EJChartsDesigner jar 7 Restart Windows to get effect of changes made 3 1 2 2 Installing on Windows NT 2000 XP Go to Control Panel and select System You will find environment variables on Environment tab in Windows NT systems and on Advanced tab in Windows 2000 systems Find CLASSPATH environment variable or create it To include Elegant Charts Designer in the CLASSPATH specify or add following value for variable EXISTING CLASSES C ElegantJChartsDesigner lib EJChartsDesigner jar www ElegantJCharts com Page 12 ElegantJ Charts Designer User Manual 3 1 2 3 Installing on Unix Linux Before you begin using Elegant Charts Designer you must manually configure CLASSPATH environment variable CLASSPATH must point to the location of classes and installation directory For example to set CLASSPATH for Elegant Charts Designer setenv CLASSPATH usr local ElegantJChartsDesigner lib EJChartsDesigner jar If you are using Bourne Shell commands are CLASSPATH CLASS
19. 29 Gradient Property dialog box will open Gradient Property EN Property Gradient Visible a Gradient Style Linear Gradient T Gradient Angle 30 Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box www ElegantJCharts com Page 99 ElegantJ Charts Designer O O O gt Click User Manual Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color Click button to save change Click button to go back without saving changes Apply button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 8 2 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below Text Font Enable Alignment ChartArea rd evScatter Vv Static Text Enable IT center e Click to Change Maximum Characters fi 2 Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel Figure 56 XYScatter Cha
20. Designer User Manual gt Click Geen button to go back without saving changes gt Click Lox button to save change 8 2 2 Line Chart Property 8 2 2 1 ChartArea Select the ChartArea tab to change only the properties of area included within the chart as explained below Figure 35 Line Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open www ElegantJCharts com Page 58 ElegantJ Charts Designer User Manual Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient G Gradient Angle Gradient Extent Gradient Color Ok Cancel Mark the checkbox to set Gradient Visible Select a gradient from the Gradient Style list Enter an angle from where the gradient is to be applied in the Gradient Angle text box Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving
21. Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click Sp button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O 8 5 ToolTip Select the ToolTip from Property from the View menu Alternatively select Ka option from the toolbar to change the Tooltip properties explained below www ElegantJCharts com Page 127 ElegantJ Charts Designer User Manual Enable IT Default Text Click to Change Show Interval 200 Visible Interval fi 500 Text Font Click to Change Background Color Foreground Color Border Properties Click to Change OK Cancel ARHIV Figure 69 ToolTip gt To allow the display tooltip text mark the checkbox provided against Enable gt Click Click to Change button to add Default Text Macro Editor dialog box will open Macro Editor ol Cancel o Enter relevant text o Click button to save change o Click button to go back without saving changes gt Enter a value to show the tooltip text for the particular time interval in the Show Interval text box gt Enter a value to make the tooltip visible after the particular time interval in the Visible Interval text box gt Click Click to Change button to change Text
22. The content of this publication may change from time to time without notice readers are advised to refer to the latest version available All names of EMTPL referenced herein are either registered marks of EMTPL in the India and elsewhere Other product or company names appearing in this publication are marks of their respective owners www ElegantJCharts com Page 2 ElegantJ Charts Designer Table of Contents 1 PREFACE 1 1 PURPOSE OF THIS DOCUMENT 1 2 ASSUMPTIONS 1 3 DOCUMENT ORGANIZATION 1 4 RELATED DOCUMENTS 2 ABOUT ELEGANTJ CHARTS DESIGNER 2 1 ELEGANTJ CHARTS DESIGNER FEATURES 3 INSTALLATION AND INTEROPERABILITY INSTALLATION 1 PREREQUISITE 2 INSTALLATION PROCEDURE 2 1 Installing on Windows 95 98 2 2 Installing on Windows NT 2000 XP 2 3 Installing on Unix Linux 3 RUNNING THE ELEGANTJ CHARTS DESIGNER USING THE XML WHAT IS EJXML EXPORTING XML IMPORTING XML WWWWWWWWWww NNNNFPRPRPRPBPEP BE WNrF 4 NAVIGATING ELEGANTJ CHARTS DESIGNER 4 1 STARTING ELEGANTJ CHARTS DESIGNER 5 CHART TYPE SELECTION GUIDELINES BAR CHART LINE CHART AREA CHART PIE CHART RADAR CHART COMBINED CHART HISTOGRAM CHART XYSCATTER CHART BUBBLE CHART 5 10 STOCK CHART 5 11 DOUGHNUT CHART VL VUT UI eee ee ONNAUAWNE 6 ELEGANTJ CHARTS DESIGNER IDE CHART MENUS FILE 6 1 6 1 6 1 1 1 New 1 1 www ElegantJCharts com User Manual Vi KKK 36 36 Page 3 ElegantJ Charts Designer User Manual 6 1 1 2 Open 3
23. XYScatter Line o Percentage XYScatter Point gt Bubble chart gt Stock chart o Candle Stick chart o High Low Open Close chart gt Doughnut chart WV VW O O O O 6 1 2 2 Property Use this option to perform various settings on the chart Select Property from the View menu Alternatively you can click particular button from the toolbar to change the properties ElegantJ Charts Designer provides the following property settings gt Advance gt General ay gt Background gt Title 2 gt Tooltip Ka gt X Axis D gt Y Axis D gt Legend ta Note Please refer Section 8 Chart Property of this document for more information on Chart Property 6 1 2 3 Look amp Feel Use this option to define the outlook of the ElegantJ Charts Designer Select Look amp Feel option from the View menu Click theme name to select the theme Elegant Charts Designer offers the following themes Window Custom Metal Motif VVVV www ElegantJCharts com Page 40 User Manual ElegantJ Charts Designer User Manual 6 1 3 Help Help menu contains following operations gt Help gt Register Elegant Charts Designer gt About ElegantJ Charts Designer 6 1 3 1 Help Use this option to get help on any chart topic Select Help option from the Help menu 6 1 3 2 Register Elegant Charts Designer Use this option to register Elegant Charts Designer Select Register ElegantJ Charts Designer fro
24. all opened chart Select the Close All option from the File menu 6 1 1 7 Exit Use this option to exit from the Elegant Charts Designer Select BB som tool bar Alternatively select the Exit option from the File menu 6 1 2 View View menu contains following operations gt Chart Type gt Property gt Look amp Feel 6 1 2 1 Chart Type Use this option to view the different type of chart Select appropriate chart type from Ear Graph tool bar Alternatively select Chart Type option from the View menu Sub chart type of selected chart will be shown in the next list Select appropriate chart sub type from vertical S on tool bar Alternatively select sub chart from Chart Type from the View menu Selected chart will be shown in chart area ElegantJ Charts Designer provides the following main charts gt Bar chart o Vertical Bar Horizontal Bar Stacked Vertical Bar Stacked Horizontal Bar Percentage Vertical Bar Percentage Horizontal Bar gt Line chart Line Strip Point Stacked Line Stacked Strip Stacked Point Percentage Line Percentage Strip o Percentage Point gt Area chart Oo E D o 0000000 0 www ElegantJCharts com Page 39 ElegantJ Charts Designer o Area o Stacked Area o Percentage Area gt Pie chart gt Radar chart o Radar o Stacked Radar Combined chart Histogram chart XYScatter chart o XYScatter Line XYScatter Point Stacked XYScatter Line Stacked XYScatter Point Percentage
25. changes gt Click button to save change 0 0 O O O 8 2 2 2 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below www ElegantJCharts com Page 59 ElegantJ Charts Designer User Manual Enable IV Static Text Enable E Alignment Center v Text Click to Change Maximum Characters fi 2 Font Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel BEB Figure 36 Line Chart Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open Macro Editor DATA VALUE Macro List series Na D Add Ok Cancel o Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save changes o Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box www ElegantJCharts com Page 60 ElegantJ Charts Designer User Manual gt Click Click to C
26. curve mark the checkbox provided against Curve Enable Select the line style from the Line Style list Select an appropriate position from the Position list Click Click to Change button to change Line Properties Line Property dialog box will open www ElegantJCharts com Page 92 ElegantJ Charts Designer User Manual Line Properties Property Line Index Line Color Line Width Data Point Shape Data Point Width Data Point Height Data Point Color Data Point Border Visible Data Point Border Color Line Strip Width Line Strip Border Color Ok Cancel Select line index from the Line Index list Select line color from the Line Color list Select line width from the Line Width list Select data point shape from the Data Point Shape list Please see Figure 38 Enter the value in Data Point Width text box Enter the value in Data Point Height text box Select data point color from the Data Point Color list To display data point border mark the checkbox provided against Data Point Border Visible o Select data point border color from the Data Point Border Color list o Enter the value in Line Strip Width text box o Select line strip border color from the Line Strip Border Color list o Click button to save change Click conce button to go back without saving changes gt Set E Color Transparency of line chart gt To show shadow color mark the checkbox provided against Shadow Color Enabl
27. the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VW WV WV WM Elegant Charts offers these sub types of Bar Chart Vertical Bar Horizontal Bar Stacked Vertical Bar Stacked Horizontal Bar Percentage Vertical Bar Percentage Horizontal Bar VVVVVV www ElegantJCharts com Page 17 ElegantJ Charts Designer User Manual 5 2 Line Chart A Line Chart is created by connecting a series of data points together with a line This popular chart type is useful when you want to show data trends Line charts are used to show how two parameters are related to each other or to display how one variable changes effected by another The Line charts are very useful as a comparison tool as well The Line charts components from the ElegantJ Charts Library are a preferred choice for keeping an eye on important business metrics as the patterns of a Line Chart are eye catching Line charts can be used for Determining trends or cyclical variations Money distribution over time Production over time Price variation over time Environmental changes over time Material characteristics by temperature Clinical response by concentration VVVVVV V 60000 COUNTRY m UK e USA 45000 30000 15000 o ernie vest panes Lapo CATEGORY NAME Figure 3 Line Chart Components and Function
28. value to define the width of section in Width of Section text box www ElegantJCharts com Page 96 ElegantJ Charts Designer User Manual gt Click Click to Change button to change the Colors Bar Color Chooser dialog box will open O Bar Color Chooser x Colors Index Color ICH Ok Cancel Select the index and color from the list o Click button to save change o Click button to go back without saving changes VVVVV Set the Transparency of chart Select a border style from the Border Style list Please see Figure 31 Select the border width from the Border Width list Select the required color from the Border Color list Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open O O O Gradient Property x Property Gradient Visible IT Gradient Style Linear Gradient 7 Gradient Angle Gradient Extent Gradient Color al zen Mark the checkbox to set Gradient Visible Select a gradient from the Gradient Style list Enter an angle from where the gradient is to be applied in the Gradient Angle text box Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color Click button to save change Click button to go back without saving chan
29. zero Grid Line Width Zero Grid Line Color Grid Strip Visible Grid Strip Color OK Cancel Figure 81 Y Axis Grid gt To display grid line mark the Grid Line Visible checkbox gt Select the required grid line style from the Grid Line Style list Please see Figure 75 Select the required grid line width from the Grid Line Width list Select the required grid line color from the Grid Line Color list Select the required zero grid line style from Zero Grid Line Style list VV V Figure 82 Zero Grid Line Select the required zero grid line width from Zero Grid Line Width list Select the required zero grid line color from Zero Grid Line Color list To display grid strip mark the Grid Strip Visible checkbox Select the required grid strip color from the Grid Strip Color list Click 2 button to see effects of changes made Click button to go back without saving changes Click button to save change VV VVVV WV www ElegantJCharts com Page 143 User Manual ElegantJ Charts Designer 8 8 Legend Select the Legend from Property from the View menu Alternatively select ta option from the toolbar to change the legend properties explained below 8 8 1 Display Select Display tab to change the display properties of legend as explained below Display Name Label Legends Visible Width in Character Position Alignment Background Visible
30. 1 LABEL 8 6 2 NAME 8 6 3 LINE 8 6 4 GRID 8 7 Y AXIS 8 7 1 NAME 8 7 2 FORMAT 8 7 3 LABEL 8 7 4 LINE 8 7 5 GRID 8 8 LEGEND 8 8 1 DISPLAY 8 8 2 NAME 8 8 3 LABEL 00 00 00 00 CO 00 00 MOM OM NNNNNNNNNNNWN 9 PRODUCT AND SUPPORT INFORMATION www ElegantJCharts com User Manual 102 105 105 107 109 112 112 113 116 117 117 120 122 125 127 130 130 131 133 134 137 137 139 139 141 142 144 144 145 147 150 Page 5 ElegantJ Charts Designer User Manual List of Tables Table 1 Preface 9 Table 2 Organization of the document 9 Table 3 ElegantJ Charts Designer IDE 35 Table 4 Macro List 53 www ElegantJCharts com Page 6 ElegantJ Charts Designer User Manual List of Figures Figure 1 Splash KEE Eege ee EE lala Aere Reheat 15 Figure 2 Bar Chart EE 16 Figure 3 LING CW art TEE 18 Figure 4 Area Catt ege eier ak See EE RER eeE N A EES 20 Figure 5 Pie Chaptiiacct EE 22 Figure 6 Radar Chart w dvincneranvivanvadiniv ewan ered tan eget 24 Figure 7 Combined Chart srren Suerg ew heres AS e SEENEN A SEET 26 Figure 6 Hist gram Chart egent eggteea gek g pensation Edge EE 27 Fig re 9 XY Scatter Chart EE 28 Figure 10 Bubble Chart v4 cscvta cass cars eu AEN RENE RENE ENEE ENN eaten 30 Figure A Stock EE 32 Figure 12 Doughnut Chart sessios ceny a a EE E meen a 34 Figure 13 Elegant Charts Designer IDE s sssssssrsssrrrsrrrrsrrnrsrrnrsrrnrsrrnerrrnens 35
31. 2 3 3 Area Select the Area tab to change the properties of the value area appearing in the chart using the properties explained below www ElegantJCharts com Page 68 ElegantJ Charts Designer User Manual ch hl hl ARIY Figure 41 Area Chart Advance Area gt Click Click to Change button to change the Colors Area Color Chooser dialog box will open Area Color Chooser o Select the index and color from the list o Click button to save change o Click EEN button to go back without saving changes Set the Transparency of bar chart To display border mark the checkbox provided against Border Visible Select the required color from the Border Color list Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open VVVV www ElegantJCharts com Page 69 ElegantJ Charts Designer Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient G Gradient Angle Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gr
32. 7 6 1 1 3 Save 37 6 1 1 4 Save As 38 6 1 1 5 Close 39 6 1 1 6 Close All 39 6 1 1 7 Exit 39 6 1 2 VIEW 39 6 1 2 1 Chart Type 39 6 1 2 2 Property 40 6 1 2 3 Look amp Feel 40 6 1 3 HELP 41 6 1 3 1 Help 41 6 1 3 2 Register Elegant Charts Designer 41 6 1 3 3 About Elegant Charts Designer 41 Z CHART WIZARD 42 8 CHART PROPERTY 44 8 1 GENERAL 44 8 2 ADVANCE 50 8 2 1 BAR CHART PROPERTY 50 8 2 1 1 ChartArea 50 8 2 1 2 MouseOver 52 8 2 1 3 Bar 55 8 2 2 LINE CHART PROPERTY 58 8 2 2 1 ChartArea 58 8 2 2 2 MouseOver 59 8 2 2 3 Line 62 8 2 3 AREA CHART PROPERTY 64 8 2 3 1 ChartArea 64 8 2 3 2 MouseOver 66 8 2 3 3 Area 68 8 2 4 PIE CHART PROPERTY 71 8 2 4 1 MouseOver 71 8 2 4 2 Pie 73 8 2 4 2 1 Pie 73 8 2 4 2 2 Layout 75 8 2 5 RADAR CHART PROPERTY 76 8 2 5 1 ChartArea 76 8 2 5 2 MouseOver 78 8 2 5 3 Radar 80 8 2 6 COMBINED CHART PROPERTY 83 8 2 6 1 Chartres 83 8 2 6 2 MouseOver Bar 84 8 2 6 3 MouseOver Line 87 8 2 6 4 Bar 89 8 2 6 5 Line 92 8 2 7 HISTOGRAM CHART PROPERTY 94 8 2 7 1 ChartArea 94 8 2 7 2 Histogram 96 8 2 8 XYSCATTER CHART PROPERTY 98 8 2 8 1 ChartArea 98 8 2 8 2 MouseOver 100 www ElegantJCharts com Page 4 ElegantJ Charts Designer 8 3 XYScatter 9 BUBBLE CHART PROPERTY 9 1 Chartres 9 2 MouseOver 9 3 Bubble 1 STOCK CHART PROPERTY 10 1 ChartArea 10 2 MouseOver 10 3 Candle 11 DOUGHNUT CHART PROPERTY 11 1 MouseOver 11 2 Doughnut 8 3 BACKGROUND 8 4 TITLE 8 5 TOOLTIP 8 6 X AXIS 8 6
33. Background Color Border Properties Click to Change OK Cancel Figure 83 Legend Display gt To display legend mark the checkbox provided against Legends Visible gt Enter the value for maximum number of character to be displayed in the chart legend in Width in Character text box gt Select an appropriate position for the legend from the Position list gt Select an appropriate alignment for the legend from the Alignment list gt To display background mark the checkbox provided against Background Visible gt Select the required color from the Background Color list gt Click Click to Change button to change Border Properties Border amp Shadow Properties dialog box will open www ElegantJCharts com Page 144 ElegantJ Charts Designer O O O O O O O O gt Click User Manual Border amp Shadow Properties Property Border Style Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 Select a shadow width from the Shadow Width list Select a shadow color from the Shadow Color list Click button to save change Click button to go back without saving changes Apply
34. Change Maximum Characters fi 2 Click to Change Background Visible Background Color Ok Cancel Figure 30 Bar Chart Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open www ElegantJCharts com Page 52 ElegantJ Charts Designer Macro Editor x SDATA VALUE Macro List series Ha e Add User Manual Ok Cancel o Select the macro from the Macro List Table 4 Macro List Series Name Displays the name of data series Series Index Displays the number of data series from starting Item Name Displays the name of item in the particular data series Item Index Displays the number of item in the particular data series Data Value Displays the value of particular data default display Percent Value Only Pie Chart Displays the percentage of data amongst the data series o Click button to add the macro o Click button to save changes o Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click C
35. Charts Designer by double clicking runGraphDesigner bat file not for Unix Linux ElegantJ Charts Designer Visualize THE Information Power 2005 2006 Elegant MicroWeb Technologies Pvt Ltd Figure 1 Splash Screen OR for all for all other platforms java cp lib EJChartsDesigner jar com graphdesigner GraphDesigner OR java jar lib EJChartsDesigner jar www ElegantJCharts com Page 15 ElegantJ Charts Designer User Manual 5 Chart Type Selection Guidelines The variety of Java Charts offered by Elegant Chart Library is one of the highlights of the product We have charts to suit your different requirements for attractive visual representation of your data Elegant Charts is bundled with more than 50 types of Java Charts categorized in the main categories as following 5 1 Bar Chart Bar chart is the most common chart type that is useful for displaying a variety of data This type of charts is used for comparing two or more values Possibility of comparison of data makes it easily understandable for the on lookers What makes Bar Charts so popular When data is represented in form of a Bar chart for comparing the human eye finds it very easy to compare the data and quickly draw conclusions Bar Charts deployed with ElegantJ Charts are a great visual aide and add a touch of professionalism to any Web page or document that requires display of data Bar Charts can be used for gt Comparing independent data s
36. Click Click to Change button to select Image Open dialog box will open Look in ES My Documents D SI cH my folder My Pictures File name Open Files of type images Y Cancel o Select the image from location o Click button to add image o Click button to go back without saving changes www ElegantJCharts com Page 124 ElegantJ Charts Designer User Manual amO AMN UK EI musa Visualiza formation Power Figure 67 Image Display Patterns Select the Image Display Type from the list Select the Image Flip Type from the list To embed background image mark the checkbox provided against Image Embedded gt Click __ button to see effects of changes made Click button to go back without saving changes gt Click button to save change VV WM Y 8 4 Title Select the Title from Property from the View menu Alternatively select at option from the toolbar to change the title properties explained below www ElegantJCharts com Page 125 ElegantJ Charts Designer User Manual Title Visible Title Text chart Title Maximum Lines fi v Alignment Center S Position Top v Font Click to Change Background Visible Background Color Foreground Color Border Properties Click to Change OK Cancel Apply Figure 68 Title VV Vv To display title mark the checkbox provided against Title Visible
37. Click button to save change 8 2 3 2 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below Text Font Enable Alignment ChartArea ri Area Vv Static Text Enable IT center e Click to Change Maximum Characters fi 2 Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel Figure 40 Area Chart Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open www ElegantJCharts com Page 66 ElegantJ Charts Designer User Manual O Macro Editor x SDATA VALUE Macro List series Na D Ok Cancel e Select the macro from the Macro List Please see Table 4 Click button to add the macro Click button to save changes Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open O O F
38. Figure 38 Data Point Shapes Enter the value in Data Point Width text box Enter the value in Data Point Height text box Select data point color from the Data Point Color list To display data point border mark the checkbox provided against Data Point Border Visible o Select data point border color from the Data Point Border Color list o Enter the value in Line Strip Width text box o Select line strip border color from the Line Strip Border Color list 0000 www ElegantJCharts com Page 63 ElegantJ Charts Designer User Manual o Click button to save change o Click button to go back without saving changes gt Set the Color Transparency of line chart gt To show shadow color mark the checkbox provided against Shadow Color Enable gt Select the desired color from the Shadow Color list gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open Macro Editor EN SDATA VALUE Macro List Series Na D Add Dk Cancel o Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without saving changes gt Click __ button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 3 Area Chart Property 8 2 3 1 ChartArea Select the ChartArea tab to change only the properties of area included w
39. Font Font Chooser dialog box will open www ElegantJCharts com Page 128 ElegantJ Charts Designer User Manual Font Chooser EN Font Name Font Style Font Size Dialog gt Pean sl D ABC abe 123 Ok Cancel o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Properties Border Properties dialog box will open VV Vv Border Properties Property Border Width Border Color al zen o Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list o Select a border color from the Border Color list o Click button to save change o Click button to go back without saving changes gt Click __ button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O www ElegantJCharts com Page 129 ElegantJ Charts Designer User Manual 8 6 X Axis Select the X Axis from Property from the View menu Alternatively select D option from the toolbar to change the X Axis properties explained below 8 6 1 Label Select the Label tab to change the X axis la
40. PATH usr local ElegantJChartsDesigner lib EJChartsDesigner jar export CLASSPATH 3 1 3 Running the Elegant Charts Designer gt Move to EJChartsDesigner gt Run Rundesigner bat file only for Windows or use following commands in command prompt java cp lib EJChartsDesigner jar com graphdesigner GraphDesigner OR java jar lib EJChartsDesigner jar It will open Elegant Charts Designer Using designer you can design and customize chart and save them as XML template www ElegantJCharts com Page 13 ElegantJ Charts Designer User Manual 3 2 Using the XML Elegant Chart Designer IDE is a platform independent graphical designer tool that can be operated from most desktop computers With an intuitive interface Chart Designer helps a developer in creating XML templates for visually stunning charts in minutes How can using Elegant Chart Designer help you gt This Chart Designer supports EJXML to help you dynamically control the visual properties of Java charts gt Point and click graphical user interface will allow faster chart creation with utmost flexibility gt A state of art interoperability and integration options with ready to use XML templates to suit your presentation requirements will speed up a complex process for you gt Even Graphic designers or novice programmers can use Elegant Charts to configure complex and eye catching charts gt You can easily import these templates as Java Charts into your applicat
41. Page 26 ElegantJ Charts Designer User Manual 5 7 Histogram Chart Histogram Java chart is a specialized type of Bar chart which is also a part of Elegant Chart Library The strength of a histogram is that it provides an easy to read picture of the location and variation in a data set EMPLOYEE NAME L_ Michael Margaret C Steven Manet Anne andrew El Laura C Nancy C Robert EELER he E ee EE e e e 6 Se eee ee A e eS ee oe 6 686 8 8 2 fk 6 6 6 6 6 6 ZE 2 amp oo wu S 6 5S 6S Hb SS SS OB SS Bb S Bb S GC zc Tr ANN e e TT HH or KH BDH HDS PRODUCT NAME Figure 8 Histogram Chart Components and Functions gt A Histogram Chart has the charting format that displays horizontal or vertical bars gt The length of the bars is set in proportion to the values of the data items they represent gt The individual data points are grouped together in classes to get an idea of how frequently data in each class occur in the data set gt High bars in Histogram charts indicate more points in a class and low bars indicate lesser points gt However the weakness of this type of chart is that it can be manipulated to show different pictures If too few or too many bars are used the histogram can be misleading gt Histogram chart components can obscure the time differences among data sets For Histogram chart the following statistics can be calculated Sum The sum value in the ser
42. User Manual Product Version 2 0 02 Document Version 1 0 02 ElegantJ Charts Designer Visualize THE Information Power Email support ElegantJCharts com Website www ElegantJCharts com Elegant MicroWeb Technologies Pvt Ltd ElegantJ Charts Designer User Manual Document Information Document ID EJCD UM 0907 V1 0 02 Version Version 1 0 02 Date 02 Oct 07 Recipient NA Author EMTPL Statement of Confidentiality Disclaimer and Copyright Copyright 2006 Elegant MicroWeb Technologies Pvt Ltd All Rights Reserved This publication including without limitation any text image logo compilation code and or design is proprietary and protected by copyright and is for exclusive use by users authorized by EMTPL If you received this publication from EMTPL by any electronic medium you are granted a limited non exclusive non transferable non sub licensable and freely revocable license to download and store this publication on your computer and to print copies for your own use Except if and as authorized by the foregoing no part of this publication may be printed stored reproduced copied altered modified posted distributed transmitted displayed published sold licensed or used in any form or by any means without EMTPL s prior written approval EMTPL has attempted to ensure the accuracy timeliness and completeness of this publication but makes no warranties and assumes no responsibility relating thereto
43. a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color Clic Click button to go back without saving changes k button to save change User Manual gt Specify a value based on which bars on the chart will be separated in the Gap in Percentage please see Figure 34 text box gt Specify a value to indicate the bars width on the chart in Width text box gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open O O O O gt Click Macro Editor DATA VALUE Macro List series Na D Add Ok Cancel Select the macro from the Macro List Please see Table 4 Clic Clic Click button to go back without saving changes k button to add the macro k button to save change Apply button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change www ElegantJCharts com Page 91 Elegant Charts Designer User Manual 8 2 6 5 Line Select the Line tab to change the properties of the value lines appearing in the chart using the properties explained below Figure 52 Combined Chart Advance Line gt gt gt gt gt To enable style mark the checkbox provided against Style Enable To enable
44. adient Color list to change the gradient color o Click button to save change Click button to go back without saving changes User Manual gt Specify a value based on which areas on the chart will be separated in the Gap in Percentage text box Please see Figure 34 gt Specify a value to indicate the area width on the chart in Width text box gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open O O O Macro Editor SDATA VALUE Macro List series Na D Add Ok Cancel gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change www ElegantJCharts com Select the macro from the Macro List Please see Table 4 Click __4 button to add the macro Click button to save change o Click button to go back without saving changes Page 70 ElegantJ Charts Designer User Manual 8 2 4 Pie Chart Property 8 2 4 1 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below Enable IV Static Text Enable IT Alignment insite sl Text Click to Change Maximum Characters C Font Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel ARIY Figure 42 Pie Chart Advance MouseOver
45. arts Designer User Manual gt Select the required color from the Foreground Color list gt Click Click to Change button to change Border Properties Border amp Shadow Properties dialog box will open Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O 8 8 3 Label Select the Label tab to change the legend label properties as explained below www ElegantJCharts com Page 147 ElegantJ Charts Designer Font Background Visible Background Color Foreground Color Drill Down Enable Tooltip Text Click to Change OK Cancel Figure 85 Legend Label User Manual gt Click Click to Change button to change Font Font Chooser dialog box VV V will open Font Chooser ES Font Name Font Style Font Size O O
46. bel properties as explained below Label Visible Font Background Visible Background Color Foreground Color Drill Down Enable Tooltip Text Click to Change OverLap Label Visible E Rotation 20 Degrees Figure 70 X Axis Label gt To display label mark the checkbox provided against Label Visible gt Click Click to Change button to change Font Font Chooser dialog box will open Font Chooser EN Font Name Font Style Font Size Dialog PLAN z f 2 D ABC abc 123 Ok Cancel www ElegantJCharts com Page 130 ElegantJ Charts Designer VV V gt gt gt User Manual o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change Click button to go back without saving changes To Se background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list To display drill down mark the checkbox provided against Drill Down Enable Please see Figure 24 Click Click to Change button to add Tooltip Text Macro Editor dialog box will open Macro Editor SDATA VALUE Macro List Series Na D Add Dk Cancel Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without
47. button to go back without saving changes User Manual gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will O O O open Macro Editor x SDATA VALUE Macro List series Na D Add Ok Cancel gt Click __4 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 4 2 2 Layout Select the macro from the Macro List Please see Table 4 Click button to add the macro Click button to save change o Click button to go back without saving changes Select the Layout tab to change the pie layout properties as explained below www ElegantJCharts com Page 75 ElegantJ Charts Designer MouseOver Pie Start Angle Width Height Depth Row Cal Gap Figure 44 Pie Chart Advance Pie Layout gt gt gt Enter appropriate values in the Start Angle angle at which first data item is set text box Enter appropriate values in the Width horizontal space occupied by pie text box Enter appropriate values in the Height vertical space occupied by pie text box Enter appropriate values in the Depth text box Enter appropriate values in the Row number of pie displayed in a row text box Enter appropriate values in the Col number of columns displayed in a column text box Enter appropriate values in the Gap space to be left between two pies
48. ck button to save changes Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open O O Font Chooser EN Font Name Font Style Font Size Dialog Pain sl DI ABC abc 123 al cares Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible VV WM Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open www ElegantJCharts com Page 79 ElegantJ Charts Designer User Manual Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Sel
49. d Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open www ElegantJCharts com Page 101 ElegantJ Charts Designer User Manual Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click __4 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O O 8 2 8 3 XYScatter Select the XYScatter tab to change the properties of the value XYScatter appearing in the chart using the properties explained below www ElegantJCharts com Page 102 Elegant Charts Designer User Manual r E aa ae Figure 57 XYScatter Chart Advance XYScatter To enable style mark the checkbox provided against Style Enable To enable curve mark the checkbox provided against Curve Enable Select the line style from the Line Style list Select an a
50. e gt Select the required color from the Shadow Color list gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open Oo oO Oo Oo 0 www ElegantJCharts com Page 93 ElegantJ Charts Designer User Manual Macro Editor x SDATA VALUE Macro List series Na D Add Ok Cancel Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O 8 2 7 Histogram Chart Property 8 2 7 1 ChartArea Select the ChartArea tab to change only the properties of area included within the chart as explained below www ElegantJCharts com Page 94 ElegantJ Charts Designer User Manual Histogram Background Visible Background Color I H Gradient Properties Click to Change Figure 53 Histogram Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open Gradient Property EN Property Gradient Visible E Gradient Style Linear Gradient tal Gradi
51. e Chart Menus 36 File 36 View 39 Help 41 www ElegantJCharts com Page 35 Elegant Charts Designer User Manual 6 1 Chart Menus There are three menus available in Elegant Charts Designer as under gt File gt View gt Help 6 1 1 File File menu contains following operations New Open Save Save As Close Close All Exit VVVVVVV 6 1 1 1 New Use this option to create a new chart Select from tool bar Alternatively select New option from the File menu Chart Wizard Chart Options dialog box will open Chart Wizard Chart Options Figure 14 File Menu New Option Note Please refer Section 7 Chart Wizard of this document for more information on chart creation www ElegantJCharts com Page 36 ElegantJ Charts Designer User Manual 6 1 1 2 Open Use this option to open already created chart Select eal from tool bar Alternatively select the Open option from the File menu Specify Chart Template File dialog box will open Fe Specify Chart Template File Look in ElegantJChartDesigner D EI Al ci Ga File name emp ejxm Open Files of type CG Template Files ejxml DI Cancel Figure 15 File Menu Open Option gt Select the chart gt Click button to open the selected chart gt Click button to go back Note l If you have entered License Key then only Open option will be enabled 6 1 1 3 Save Use this option to save the cha
52. e 31 gt Select the border width from the Border Width list gt Select the border color from the Border Color list gt Set the Transparency of chart gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open Macro Editor DATA VALUE Macro List Series Na D Add Dk Cancel o Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without saving changes gt Click __ button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 11 Doughnut Chart Property 8 2 11 1 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below www ElegantJCharts com Page 117 ElegantJ Charts Designer User Manual Enable Iv Static Text Enable a Text Click to Change Maximum Characters fi 2 Font Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change Figure 64 Doughnut Chart Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from
53. e Font Size Dialog Pain sl D ABC abc 123 o ere o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open VV V Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 o Select a border width from the Border Width list o Select a border color from the Border Color list o Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list www ElegantJCharts com Page 86 ElegantJ Charts Designer User Manual o Click button to save change o Click button to go back without saving changes gt Click 28 Jbutton to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 6 3 MouseOver Line Select the MouseOver Li
54. e button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open Property Gradient Visible IT Gradient Style Linear Gradient x Gradient Angle Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list Enter an angle from where the gradient is to be applied in the Gradient Angle text box Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color Click Lox button to save change Click oe button to go back without saving changes gt Click Click to Change button to change Border Properties Border Properties dialog box will open www ElegantJCharts com Page 123 Elegant Charts Designer User Manual Border Properties ES Property Border Style Border idth Border Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 o Set the border width from the Border Width list o Select color from Border Color list to change the border color o Click button to save change o Click button to go back without saving changes gt To show background image mark the checkbox provided against Image Visibility D Not available in Demo evaluation version gt
55. e series Minimum The minimum value in the series VVVVVV WM www ElegantJCharts com Page 31 ElegantJ Charts Designer www ElegantJCharts com 5 10Stock Chart As the very name suggests the Stock Java Chart is useful to display information about stock and financial data A Stock Java chart component which is also a part of ElegantJ Charts Library can chart information about the high low opening and closing values of the stocks The look of the stock bar depends on the use of the sub type Stock charts can be used for gt Displaying daily stock prices over time gt Displaying statistical data with a confidence range over time 4000 COUNTRY muk Musa 3000 2000 1000 0 gt gt gt gt gt D D BZ Ae Rd Ao Aw yh Mg Bi yo aY gk Bi ye oo oi xo wx ya J gt gt oe S Ae S ECH SE ae Fe oe a vi s ei Ba di v i vi di BE DATE Figure 11 Stock Chart Components and functions gt Each data item in a Stock Chart is displayed with a stock bar that can represent the high and low prices for the day and the opening and closing prices for the day gt There can be infinite number of categories in this type of chart but only one data item or a stock bar can be displayed per category in a Stock Java Chart gt This chart could also display each category to represent the prices for a separate stock which will allow you to compare prices for separate stocks on a single day gt Data ite
56. ect a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click 28 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O O 8 2 5 3 Radar Select the Radar tab to change the properties of the value radars appearing in the chart using the properties explained below www ElegantJCharts com Page 80 ElegantJ Charts Designer User Manual Color Click to Change Transparency 4 50 75 100 Border Visible Border Color Border Width Gradient Properties Click to Change Diameter Tooltip Text Click to Change OK Cancel Gell Figure 47 Radar Chart Advance Radar gt Click Click to Change button to change the Color Radar Color Chooser dialog box will open Radar Color Chooser Ok Cancel o Select the index and color from the list o Click button to save change o Click button to go back without saving changes Set the Transparency of the chart To show border mark the checkbox provided against Border Visible Select the required color from the Border Color list Select the border width from the Border Width list Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open VVVVV www ElegantJCharts com Page 81 ElegantJ Charts Designer
57. ent Angle 30 Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list www ElegantJCharts com Page 95 ElegantJ Charts Designer User Manual o Enter an angle from where the gradient is to be applied in the Gradient Angle text box Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Click button to save change o Click button to go back without saving changes gt Click button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O 8 2 7 2 Histogram Select the Histogram tab to change the properties of the value histogram appearing in the chart using the properties explained below Start of Section End of Section Width of Section Colors Click to Change Transparency FS Border Style Border Width Border Color Gradient Properties Gap in Percentage Width Tooltip Text Click to Change OK Cancel Figure 54 Histogram Chart Advance Histogram gt Enter the value to define the starting of section in Start of Section text box gt Enter the value to define the ending of section in End of Section text box gt Enter the
58. ently its central angle and area is proportional to the quantity it represents Together the sectors create a full disk The Pie chart component is another commonly used chart type Pie charts are most often used to show data as a percentage of the whole Pie charts represent an entire data category as a pie all other data is thrown out Each data item in that category is shown as a pie wedge The wedge size will be proportional to that data item s percentage of the sum of all data items in the category Though this may sound complex Pie charts components are actually quite intuitive Pie charts can be used for gt Comparing data elements against the sum of the elements gt Budgets gt Money distribution Coupe LES CC E e Networking Printers Desktops Laptops SALES AMOUNT Figure 5 Pie Chart Components and Functions gt A Pie Chart is a circular chart divided into sectors illustrating relative magnitudes or frequencies gt The arc length of each sector and consequently its central angle and area in a Pie Chart is proportional to the quantity it represents gt Each data item in that category is shown as a pie wedge or slice gt The greater the data value the larger the pie slice or wedge gt The data sectors or wedges or slices create a full disk when they come together gt Multiple 2D and 3D Pie charts can be drawn of varying sizes to provide another dimension to the data gt Thi
59. er text when mouse hovers using the properties explained below www ElegantJCharts com Page 84 ElegantJ Charts Designer User Manual d MouseOver Line Bar Line Enable IV Static Text Enable E Alignment Center v Text Click to Change Maximum Characters 25 Font Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel Gell Figure 49 Combined Chart Advance MouseOver Bar gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open Macro Editor DATA VALUE Macro List series Na D Add Ok Cancel o Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save changes o Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box www ElegantJCharts com Page 85 ElegantJ Charts Designer User Manual gt Click Click to Change button to change the Font Font Chooser dialog box will open Font Chooser Font Name Font Styl
60. er the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open Font Chooser Font Name Font Style Font Size Dialog gt Pain sl D ABC abe 123 Ok Cancel o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open VV Vv Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 o Select a border width from the Border Width list o Select a border color from the Border Color list www ElegantJCharts com Page 115 ElegantJ Charts Designer User Manual o Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o C
61. es gt To display background mark the checkbox provided against Background Visible gt Select the required color from the Background Color list www ElegantJCharts com Page 132 ElegantJ Charts Designer User Manual gt Select the required color from the Foreground Color list gt Click Click to Change button to change Border Properties Border amp Shadow Properties dialog box will open Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O 8 6 3 Line Select the Line tab to change the X axis line properties as explained below www ElegantJCharts com Page 133 ElegantJ Charts Designer User Manual Label Name Line Grid Line Width Line Color Tick Line Visible Tick Line Position Tick Line Width Tick Line Height Tick L
62. esentation requirements 2 1 ElegantJ Charts Designer Features This designer IDE with our unique process is a software with slick features that help you in designing Java Charts that suit your requirements Here are the features A platform independent 100 Java tool Real time point and click WYSIWYG environment Huge collection of ready to use XML templates Ensures ultimate interoperability integration and deployment through XML Eliminates need for third party IDEs Reduces development cost Saves development time Least technical skills requirement Empowers end users to create attractive Java Charts VVVVVVVV Wi www ElegantJCharts com Page 11 ElegantJ Charts Designer User Manual 3 Installation and Interoperability This section provides you information about installing Elegant Charts Designer and its interoperability with XML 3 1 Installation This section guides you on how to install and configure Elegant Charts Designer with various Operating Systems 3 1 1 Prerequisite Before installing Elegant Charts Designer please ensure that your computer system and development environment are set up and working as per expectations Person using Elegant Charts Designer is expected to be able to write and execute simple JAVA applications To be able to use ElegantJ Charts Designer your computer systems are required to have JDK 1 4 0 or higher 3 1 2 Installation Procedure On extracting ElegantJChartsDesigner zip
63. ets gt Money distribution by time gt Production against time COUNTRY muk pe pes d Husa A T E G eanes o R Y 5 vest M E west Be o 15000 30000 45000 60000 Figure 2 Bar Chart Components and Functions gt Bar charts comprise an axis and a series of labeled horizontal or vertical bars that show different values for each bar gt Components of a Bar Chart can be used to display a wide variety of information gt Data is grouped together according to categories displaying one bar for each item in that category gt A Bar Chart can compare distinct items or show single items at distinct intervals www ElegantJCharts com Page 16 ElegantJ Charts Designer User Manual gt While comparing competitive items placing longest bar on top and placing the rest in descending order after the longest one will make it very effective gt In Bar chart a class or group can have a single category of data or they can be broken down further into multiple data categories for greater depth of analysis Each bar is color coded according to the data series that it represents Sometimes a stretched graphic is used instead of a solid bar The numbers along side of the Bar charts are called the scale VV V For each bar in the Bar chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in
64. ges gt Enter the value based on which pies on the chart will be separated in the Gap in Percentage text box Please see Figure 34 gt Specify a value to indicate the bars width on the chart in Width text box www ElegantJCharts com Page 97 ElegantJ Charts Designer User Manual gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open Macro Editor DATA VALUE Macro List series Na D Add Ok Cancel Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O 8 2 8 XYScatter Chart Property 8 2 8 1 ChartArea Select the ChartArea tab to change only the properties of area included within the chart as explained below www ElegantJCharts com Page 98 ElegantJ Charts Designer User Manual MouseOver xvScatter Background Visible Background Color fi Gradient Properties Click to Change Figure Bb XYScatter Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure
65. ges For the Doughnut chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VVVVVVV www ElegantJCharts com Page 34 ElegantJ Charts Designer User Manual 6 Elegant Charts Designer IDE The Elegant Charts Designer IDE is designed in such a way that it provides maximum assistance bei Elegant Chart Designer NewChart1 Bis x File View Help Si Sal H Hl x Beebe Celery EN Scatter Line Se Ei E E zf S t ty ta e NewChartt Chart Title m Legand_i e Legand_2 A Legand_3 Figure 13 Elegant Charts Designer IDE gt Menu Bar The menu bar displays all the menus with associated sub menu of each menu All the functions that can be performed on a chart can be accessed from the menu bar gt Tool Bar The tool bar through buttons enables users to directly access frequently used menu options gt Design Area This area displays all charts Note If you have entered License Key then only it will not show the ElegantJ Charts Evaluation in chart background The chapter includes the following sections Table 3 Elegant Charts Designer IDE Section Pag
66. hange button to change the Font Font Chooser dialog box will open Font Chooser Font Name Font Style Font Size Dialog Pain sl D ABC abc 123 o ere o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open VV V Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list Please see Figure 31 o Select a border width from the Border Width list o Select a border color from the Border Color list o Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list www ElegantJCharts com Page 61 ElegantJ Charts Designer User Manual o Click button to save change o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back with
67. harts Designer Chart Type Selection Guidelines gt Detail description about ElegantJ Charts Designer IDE operational amp functional usage Chart Wizard of different properties Chart Property www ElegantJCharts com Page 9 ElegantJ Charts Designer User Manual 1 4 Related Documents Readers of this document can also refer to other ElegantJ Charts Designer documents gt ElegantJ Charts Programmers Guide About ElegantJ Charts Elegant Charts Toolkit Installation amp Registration Elegant Charts Architecture Interoperability amp Integration with XML Charts Designer Programmer s FAQ s gt Elegant Charts API Documentation gt ElegantJ Charts Demo Application D o 0 0 0 www ElegantJCharts com Page 10 ElegantJ Charts Designer User Manual 2 About Elegant Charts Designer A developer has three ways to use charts in an application gt Write your own code gt Use third party IDEs gt Use Elegant Chart Designer IDE The first two options often involve tedious work waste of your precious time in writing lengthy source code or splurging money on a third party IDE But ElegantJ Charts Designer can set you free from that Elegant Charts Designer is a platform independent fully functional XML template designer for ElegantJ Charts Our Charts Designer provides a state of art interoperability and integration options through ready to use XML templates that can also be customized to suit your pr
68. he daily temperature is plotted in this type of chart you can see the trend of rising or falling of the dots as per the change in temperature For XYScatter chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VVVVVV WM XYScatter chart is having sub type as under gt amp XYScatter Line gt XYScatter Point gt Stacked XYScatter Line www ElegantJCharts com Page 28 ElegantJ Charts Designer User Manual gt Stacked XYScatter Point gt Percentage XYScatter Line gt Percentage XYScatter Point www ElegantJCharts com Page 29 ElegantJ Charts Designer User Manual 5 9 Bubble Chart A Bubble Chart has a special visual appeal as it represents data in a series of bubbles In this type of chart the size of a bubble is proportional to the amount of data Elegant Charts provides you an opportunity to use this unusual chart type with ease For example you can come up with an attractive Bubble Chart of a summary report of the sales of your company s products plotting the relationship between the total sales the quantity sold and the number of unique products the product mix that each sales representative markets Bubble chart
69. iSPlayY cececcctscnescideaeetevteen e e then rhanda cnr aews 144 Figure 84 Legend Name eee e eee een ene erent nee 146 Figure 85 Legends Label susex gees sg eeggespegggegageereeN e ENNEN EEN EAR 148 www ElegantJCharts com Page 8 ElegantJ Charts Designer User Manual 1 Preface This preface describes the document The preface contains the following sections Table 1 Preface Section Page Purpose of this document 9 Assumptions 9 Document Organization 9 Related Documents 10 1 1 Purpose of this document The purpose of this document is to provide the fundamental skills necessary to productively use the ElegantJ Charts Designer This document is a functional usage guide for Elegant Charts Designer It is designed to provide a comprehensive step by step introduction to each of the functions of Elegant Charts Designer 1 2 Assumptions This manual assumes that reader is an experienced Java language programmer This manual addresses all programmers who use Java Beans to create or maintain programs in any supported environment 1 3 Document Organization This document is organized as described in following Tables Table 2 Organization of the document Chapter Contents About ElegantJ Charts Designer gt Elegant Charts Designer Features Installation and Interoperability gt Installation gt Using the XML Navigating Elegant Charts Designer gt Starting Elegant C
70. ick button to add the macro Click button to save change Click button to go back without saving changes gt Specify a value to indicate the doughnut depth thickness on the chart in Depth text box gt Specify a value to indicate the doughnut width horizontal space occupied by the doughnut on the chart in Width text box gt Specify a value percent value in relation to doughnut width to indicate the doughnut height on the chart from Height gt Specify a value in percentage to indicate the doughnut hole size on the chart from Hole Size gt Specify a value to indicate the starting of angle of the first data item on the chart from Start Angle list gt Click Wi Apel button to see effects of changes made Click button to go back without saving changes gt Click button to save change 8 3 Background Select the Background from Property from the View menu Alternatively select option from the toolbar to change the background properties explained below www ElegantJCharts com Page 122 ElegantJ Charts Designer Background EN Color Gradient Properties Click to Change Border Properties Click to Change Image Visiblity Iv Image Click to Change Image Display Type stretch S Image Flip Type None v Image Embedded IT OK Cancel ABBY Figure 66 Background gt Select the required color from the Color list User Manual gt Click Click to Chang
71. ick to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open www ElegantJCharts com Page 72 ElegantJ Charts Designer O O O O O O O O gt Click User Manual Border amp Shadow Properties Property Border Style Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 Select a shadow width from the Shadow Width list Select a shadow color from the Shadow Color list Click button to save change Click button to go back without saving changes Apply button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 4 2 Pie Select the Pie tab to change the properties of the value pies appearing in the chart using the properties explained below 8 2 4 2 1 Pie Select the Pie tab to change the properties as explained below www ElegantJCharts com Page 73 ElegantJ Charts Designer User Manual Pie Layout Colors Click to Change Pie Transparency 4 50 5 Border Visible Border Color Border Style Border Width Gradient Properties Click to Change T
72. ies Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VVVVVVV www ElegantJCharts com Page 27 User Manual ElegantJ Charts Designer 5 8 XYScatter Chart XY Scatter chart is one of the simplest types of chart It is a collection of plotted points that represent specific data in a pool of information The XY Scatter Java chart which is also a part of Elegant Charts Library allows the user to consider a larger scope of data for the purpose of determining trends For example to plot a number of people interviewed and their various wages and education levels one can use the educational level as the X axis that increases as one moves on the right side while the salary or wages can be displayed on the Y axis CATEGORY NAME lo Networking Desktops Printers Laptops 40000 000 EELER merry N oO Oo el CO 4993 499A 4995 Figure 9 XYScatter Chart Components and Functions gt XYScatter chart is used when you want to see if there is a relationship between two different sets of data gt XyYScatter chart is essentially the plotted dots without any connecting line gt Incase of a perfect relationship the dots would form a straight line angling up and right gt However if t
73. igure 6 Radar Chart Components and Functions A Radar chart is the presentation of group data at the perimeter of radar This chart type has multiple axis to plot the data A point close to the center on any axis indicates a low value while a point near the edge is a high value gt The incrementing numeric values are placed from the center of the radar to the perimeter for a user to determine how specific group data relates to the whole of the group data gt Radar charts components are similar to Line charts However the radial grid to display data items sets it apart gt Ina radial grid the scale value grid lines circle around a center point representing zero gt The grid is not entirely circular rather it is an equilateral polygon with each category being plotted at a point of the polygon Thus if there are three categories the grid is triangular If there are eight categories it will be octagonal gt There must be at least three categories for a Radar chart to make sense VV V www ElegantJCharts com Page 24 ElegantJ Charts Designer User Manual gt The area inside of the radial grid for each series will be colored translucently to give an idea of the total size of a data series and still note the overlapped data gt While interpreting a Java Radar chart check each axis as well as the overall shape to see how well it fits your goals For the Radar chart the following statistics can be calculated
74. ill spread colors more uniformly Select color from Gradient Color list to change the gradient color Click button to save change Click button to go back without saving changes Apply button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 5 2 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below Text Font Enable Alignment ChartArea ri Radar Vv Static Text Enable IT center e Click to Change Maximum Characters fi 2 Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel Figure 46 Radar Chart Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open www ElegantJCharts com Page 78 ElegantJ Charts Designer User Manual O Macro Editor x SDATA VALUE Macro List series Na D Ok Cancel e Select the macro from the Macro List Please see Table 4 Click button to add the macro Cli
75. ine Color ARIY OK Cancel Figure 72 X Axis Line gt Select the required line width from the Line Width list gt Select the required line color from the Line Color list gt To display tick line mark the Tick Line Visible checkbox Tickline of an axis Figure 73 Tickline for an axis Select an appropriate position of tick line from Tick Line Position list Select the required tick line width from the Tick Line Width list Select the required tick line height from the Tick Line Height list Select the required tick line color from the Tick Line Color list Click _ F button to see effects of changes made Click button to go back without saving changes Click button to save change WV WW WWW WM 8 6 4 Grid Select the Grid tab to change the X axis grid line properties as explained below www ElegantJCharts com Page 134 ElegantJ Charts Designer Label Name Line Grid Grid Line Visible Grid Line Style Grid Line Width Grid Line Color Grid Strip Visible Grid Strip Color Figure 74 X Axis Grid gt To display grid line mark the Grid Line Visible checkbox gt Select the required grid line style from the Grid Line Style list KEE ER NAMDAN COUNTRY lux Musa Dash X ax CATEGORY NAME Figure 75 Grid Line Styles gt Select the required grid line width from the Grid Line Width list gt Select the requi
76. ion with minimum source code 3 2 1 What is EJXML EJXML format is superset of XML Whereas XML is a general and loose format for describing data EJXML is a rigid and robust XML document type created specifically for defining Elegant Charts EJXML format supports Java Chart configuration options as well as chart data Presentation ElegantJ Charts Designer EJXML Generator Internet HTTP HTTPS FTP Web Services SOAP WSDL Database ADO JOBC ODBC Mail SMTP Process Automation Content Management 3 2 2 Exporting XML Elegant Charts Designer can export graph s properties to EJXML file which can further be used to generate graph in any desktop or web application including Elegant Charts Designer it self 3 2 3 Importing XML Elegant Charts Designer can load graph properties by importing EJXML file which can be exported by any application including Elegant Charts Designer it self www ElegantJCharts com Page 14 ElegantJ Charts Designer User Manual 4 Navigating Elegant Charts Designer This chapter describes the navigation and frequently used functions of Elegant Charts Designer from the perspective of operational amp functional use Navigation of ElegantJ Charts Designer is very user friendly and gives a vast variety of option for representation of your data 4 1 Starting Elegant Charts Designer Once you install the ElegantJ Charts Designer in your system open the Elegant
77. ithin the chart as explained below www ElegantJCharts com Page 64 ElegantJ Charts Designer User Manual MouseOver Area Background Visible Background Color fi Gradient Properties Click to Change Figure 39 Area Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open Gradient Property EN Property Gradient Visible a Gradient Style Linear Gradient T Gradient Angle 30 Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box www ElegantJCharts com Page 65 ElegantJ Charts Designer O O O gt Click User Manual Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly Select color from Gradient Color list to change the gradient color Click button to save change Click button to go back without saving changes Apply button to see effects of changes made gt Click button to go back without saving changes gt
78. lick button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 10 3 Candle Select the Candle tab to change the properties of the value candles appearing in the chart using the properties explained below Session Start Session End Real Body Width Filled Body Color Empty Body Color Shadow Line Width Shadow Line Color Border Style Border Width Border Color Transparency Tooltip Text Click to Change OK Cancel Figure 63 Stock Chart Advance Candle gt gt gt Enter the value to define the starting of session in Session Start text box Enter the value to define the ending of session in Session End text box Enter the value to define the real width of body in Real Body Width width of the strip displayed connecting opening and closing value text box gt Select the required color from the Filled Body Color list closing value lower than opening value gt Select the required color from the Empty Body Color list closing value higher than opening value www ElegantJCharts com Page 116 ElegantJ Charts Designer User Manual gt Enter the value to define the width of shadow line in Shadow Line Width text box gt Select the required color from the Shadow Line Color list gt Select a border style from the Border Style list Please see Figur
79. lick to Change button to change the Font Font Chooser dialog box will open Font Name Font Chooser EN Dialog Pain sl D Font Style Font Size ABC abc 123 al cares o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes www ElegantJCharts com Page 53 ElegantJ Charts Designer User Manual gt To show mouseover text background mark the checkbox provided against Background Visible gt Select the required color from the Background Color list gt Select the required color from the Foreground Color list gt Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a border style from the Border Style list SS SSS Pa Ze COUNTRY Euk Cp Cp Musa Husa DashDotDot Lowered Raised Figure 31 Border Styles o Select a border width from the Border Width list o Select a border color from the Border Color list o Select a shadow style from the Shadow Style list ma EZE a o None Glow Fade Hard Figure 32 Shadow Styles o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list
80. ls to support ElegantJCharts com gt Forward your sales related mail to sales ElegantJCharts com Feedback and Suggestions gt We will be pleased to get your feedback as well as suggestions about our products gt Forward any feedback or suggestions related mails to support ElegantJCharts com www ElegantJCharts com Page 150
81. m the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Click button to save change o Click button to go back without saving changes www ElegantJCharts com Page 56 ElegantJ Charts Designer User Manual gt Specify a value based on which bars on the chart will be separated in the Gap in Percentage text box pate Different gaps between bars s e m z lt 7OOmMAEO 0 15000 30000 45000 60000 SALES AMOUNT yat pie oet m z lt 7OOmMASO wet ar 0 15000 30000 45000 60000 SALES AMOUNT Figure 34 Gap between Data Areas gt Specify a value to indicate the bar width on the chart in Width text box gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open Macro Editor EN SDATA VALUE Macro List series Na D Add Ok Cancel o Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without saving changes gt Click button to see effects of changes made www ElegantJCharts com Page 57 ElegantJ Charts
82. m the Help menu a dialog box will open as shown below Once you register Elegant Charts Designer ElegantJ Chart Evaluation will be removed from background of the chart Register ElegantJ Charts Designer EN Enter Licence Key OK Cancel Figure 18 Help Menu Register Elegant Charts Designer gt Enter License Key in the text box gt Click button to get registered gt Click button to go back without saving changes 6 1 3 3 About Elegant Charts Designer Use this option to view information about Elegant Charts Designer Select About Elegant Charts Designer option from the Help menu following dialog box will open ElegantJ Charts Designer Visualize THE Information Power Ver 2 0 sales elegantjcharts com support elegantjcharts com www elegantjcharts com 2005 2006 Elegant MicroWeb Technologies Pvt Ltd Figure 19 Help Menu About Elegant Charts Designer www ElegantJCharts com Page 41 ElegantJ Charts Designer User Manual 7 Chart Wizard gt Select New from the File menu Alternatively click EI from the tool bar ChartWizard Chart Options dialog box will open Chart Wizard Chart Options Figure 20 Create Chart Wizard gt Select Option of the chart by clicking on radio button provided against Create New From Scratch and Create From Existing Template gt Click wes _ button o If create new from scratch option is selected Chart Wizard Select Chart Ty
83. ms in Stock chart must have at least two values The high value and the low value The open value and the close value may be optional depending on the chart sub type For the Stock chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series VVVVVV User Manual Page 32 ElegantJ Charts Designer User Manual gt Minimum The minimum value in the series Stock chart is having sub type as under gt Candle Stick Chart gt High Low Open Close Chart www ElegantJCharts com Page 33 Elegant Charts Designer User Manual 5 11 Doughnut Chart Doughnut chart is similar to a Pie chart Doughnut chart shows how proportions of data contribute to the whole This unusual chart type is also part of the collection in the ElegantJ Charts Library Wu Wosa cS S A L E S A M Oo U N T CATEGORY NAME Figure 12 Doughnut Chart Components and functions gt Doughnut chart displays category groups series groups and values series as doughnut slices gt The size of the slice in Doughnut chart component is determined by the series value as a percentage of the total of all values gt Doughnut Java charts components are typically used to show percenta
84. ne Chart Advance MOUSECOVED cciccteceteeeeee eee ee eeeene nena ee eenananes 60 Figure 37 Line Chart Advance Une 62 Figure 38 Data Point SHAPES uge ENNEN ENTENTE a E NENENNN 63 Figure 39 Area Chart Advance Chartres 65 Figure 40 Area Chart Advance MOUSCOVED cccceteteeeeee teen ee ee nent nena eeeanananes 66 Figure 41 Area Chart Advance Area 69 Figure 42 Pie Chart Advance Mousever cece teen eee eee eee ee teen eaeaeeaeaes 71 Figure 43 Pie Chart AdVaNnce Plewicccendciescsccinnceeernadetesdeerereevieceveddedreorens 74 Figure 44 Pie Chart Advance Pie Layout 76 Figure 45 Radar Chart Advance Chartres 77 Figure 46 Radar Chart Advance Mousehver erent ee eeneneneeeeanananes 78 Figure 47 Radar Chart Advance Radar 81 Figure 48 Combined Chart Advance Chartres 83 Figure 49 Combined Chart Advance MouseOver Bar cececeeeeeeeeeeeeeeeeeenenanes 85 Figure 50 Combined Chart Advance MouseOver Line cececeeeeee seen ee eeeeeeeeees 87 Figure 51 Combined Chart Advance Bar 90 Figure 52 Combined Chart Advance Une 92 www ElegantJCharts com Page 7 ElegantJ Charts Designer User Manual Figure 53 Histogram Chart Advance ChartArea E 95 Figure 54 Histogram Chart Advance Histogram cecceeeeeeeee tees eeeeeeaeees 96 Figure 55 XYScatter Chart Advance Chartres 99 Figure 56 XYScatter Chart Advance Mousever eee ee eee eeeeee en
85. ne tab to change appearance of the mouseover text when mouse hovers using the properties explained below ChartArea MouseOver Bar WouseOver Line Bar Line Enable Static Text Enable Alignment center v Text Click to Change Maximum Characters 25 Font Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change OK Cancel Figure 50 Combined Chart Advance MouseOver Line gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open www ElegantJCharts com Page 87 ElegantJ Charts Designer User Manual O Macro Editor x SDATA VALUE Macro List series Na D Ok Cancel e Select the macro from the Macro List Please see Table 4 Click button to add the macro Click button to save changes Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open O O Font Chooser EN Font Name Font Style Font Size Dialog
86. nge o Click button to go back without saving changes gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 0 0 O O O 8 2 10 2 MouseOver Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below www ElegantJCharts com Page 113 ElegantJ Charts Designer User Manual Enable Static Text Enable Alignment Text Click to Change Maximum Characters 30 Font Click to Change Background Visible Background Color Foreground Color Border Shadow Properties Click to Change Figure 62 Stock Chart Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open Macro E ditor DATA VALUE Macro List Series Na D Add Ok Cancel o Select the macro from the Macro List Please see Table 4 o Click button to add the macro www ElegantJCharts com Page 114 ElegantJ Charts Designer User Manual o Click button to save changes o Click button to go back without saving changes gt Ent
87. o Change OverLap Label Visible IT Rotation Degrees OK Cancel GHRIN Figure 79 Y Axis Label gt To display label mark the checkbox provided against Label Visible gt Click Click to Change button to change Font Font Chooser dialog box will open Font Chooser Font Name Font Style Font Size Dialog Pain sl D ABC abc 123 al ze o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change Click button to go back without saving changes gt To display background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list To display drill down mark the checkbox provided against Drill Down Enable Please see Figure 24 VV Vv www ElegantJCharts com Page 140 User Manual ElegantJ Charts Designer gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open Macro Editor DATA VALUE Macro List series Na D Add Ok Cancel Select the macro from the Macro List Please see Table 4 o Click button to add the macro o Click button to save change o Click button to go back without saving changes O gt To display overlap label mark the checkbox provided against OverLap Label Visible gt Select the Rotation deg
88. ont Chooser EN Font Name Font Style Font Size Dialog Pain sl DI ABC abc 123 al cares Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible VV WM Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open www ElegantJCharts com Page 67 ElegantJ Charts Designer User Manual Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border color from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click 28 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O O 8
89. ooltip Text Click to Change Figure 43 Pie Chart Advance Pie gt VVVVVV Click Click to Change button to change the Colors Pie Color Chooser dialog box will open Pie Color Chooser al zen o Select the index and color from the list o Click button to save change o Click button to go back without saving changes Set the Pie Transparency of pie chart To show border mark the checkbox provided against Border Visible Select the required color from the Border Color list Select a border style from the Border Style list Please see Figure 31 Select the border width from the Border Width list Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open www ElegantJCharts com Page 74 ElegantJ Charts Designer Property Gradient Visible IT Gradient Style Linear Gradient G Gradient Angle Gradient Extent Gradient Color Ok Cancel Gradient Property EN o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Click button to save change Click
90. or from the Border Color list Select a shadow style from the Shadow Style list Please see Figure 32 o Select a shadow width from the Shadow Width list o Select a shadow color from the Shadow Color list o Click button to save change o Click button to go back without saving changes gt Click 28 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change O O O O 8 2 9 3 Bubble Select the Bubble tab to change the properties of the value bubble appearing in the chart using the properties explained below www ElegantJCharts com Page 109 ElegantJ Charts Designer User Manual Colors Click to Change Position Front v Computation sum Computation v Transparency g 50 5 100 Border Visible Border Width Border Color Center Visible Gradient Properties Click to Change Tooltip Text Click to Change EEN Figure 60 Bubble Chart Advance Bubble gt VVVVVVVV Click Click to Change button to change the Colors Bar Color Chooser dialog box will open Bubble Color Chooser EN Colors Index Color Ok Cancel o Select the index and color from the list o Click button to save change o Click button to go back without saving changes Select the bubble position from the Position list Select the bubble computation from the Computation list Set the Transparency of chart To display b
91. or from the list o Click button to save change o Click button to go back without saving changes Set the Transparency of chart User Manual To display border mark the checkbox provided against Border Visible Select the border width from the Border Width list Select the required color from the Border Color list Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open Property Gradient Visible 8 Gradient Style Linear Gradient a Gradient Angle Gradient Extent Gradient Color ox zen o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Click button to save change o Click button to go back without saving changes gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open www ElegantJCharts com Page 121 ElegantJ Charts Designer O O O O Macro Editor x SDATA VALUE Macro List Series Na D Add Dk Cancel User Manual Select the macro from the Macro List Please see Table 4 Cl
92. order mark the checkbox provided against Border Visible Select the border width from the Border Width list Select the required color from the Border Color list To display center mark the checkbox provided against Center Visible Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open www ElegantJCharts com Page 110 ElegantJ Charts Designer Gradient Property EN Property Gradient Visible f_i Gradient Style Linear Gradient G Gradient Angle Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box o Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value will spread colors more uniformly o Select color from Gradient Color list to change the gradient color o Click button to save change Click button to go back without saving changes User Manual gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open O Macro Editor x SDATA VALUE Macro List series Na D Add Dk Cancel o Click button to add the macro o Click button to save change o Click button to go back without saving changes gt Click __4
93. ou can set the Image as a Background 8 1 General Select the General from Property from the View menu Alternatively select Si option from the toolbar to change the general properties explained below Chart Type Vertical Bar Chart Font Click ta Change Drill Down Effect Enable iv Data Sorting Enable IT 3D Effect Enable E Horizontal Offset for 3D Effect fi 4 Vertical Offset for 3D Effect fi 0 Chart Width 750 Chart Height 450 EEN Figure 23 General gt Select change chart type from list provided against Chart Type www ElegantJCharts com Page 44 ElegantJ Charts Designer User Manual gt Click Click to Change button to change the Chart Font Font Chooser dialog box will open Font Chooser EN Font Name Font Style Font Size Dialog D PLAIN f 2 D ABC abe 123 al ere o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes www ElegantJCharts com Page 45 ElegantJ Charts Designer User Manual gt To show the effects of drill down setting on the chart mark the checkbox provided against Drill Down Effect Enable Clicking any particular bar will show detailed chart of that particular data mSrz 2 lt DOOMASO 30000 45000 60000 SAI ES AMOUNT New Jersey Wi California Florida HB New York P R o D A u oa
94. out saving changes gt Click button to save change 8 2 2 3 Line Select the Line tab to change the properties of the lines appearing in the chart using the properties explained below Style Enable Curve Enable Line Style Pasition Line Properties Click to Change Color Transparency i DR SES Shadow Color Enable IT Shadow Color E Tooltip Text Clickto Change OK Cancel Figure 37 Line Chart Advance Line To enable style mark the checkbox provided against Style Enable To enable curve mark the checkbox provided against Curve Enable Select the line style from the Line Style list Select an appropriate position for the legend from the Position list Click Click to Change button to change Line Properties Line Property dialog box will open VVVVV www ElegantJCharts com Page 62 ElegantJ Charts Designer User Manual Line Properties Property Line Index Line Color Line Width Data Point Shape Data Point Width Data Point Height Data Point Color Data Point Border Visible Data Point Border Color Line Strip Width Line Strip Border Color al zen Select line index from the Line Index list O o Select line color from the Line Color list o Select line width from the Line Width list o Select data point shape from the Data Point Shape list t L ei s Fy 20000 M o Different data N d point shapes 15000 wu Le D person esr oan
95. pe dialog box will open www ElegantJCharts com Page 42 ElegantJ Charts Designer User Manual Chart Wizard Select Chart Type EN Chart Type Line Graph Area Graph Pie Graph Radar Graph Combined Graph Histogram Graph xY Scatter Graph Bubble Graph Stock Graph Doughnut Graph Cancel Figure 21 Create Chart Wizard Create New From Scratch Select Chart Type o If Create From Existing Template option is selected Chart Wizard Select Chart Template dialog box will open Chart Wizard Select Chart Template EN Template Chart Type percentage_area stacked_area Back Mert Finish Cancel Figure 22 Create Chart Wizard Create From Existing Template Select Chart Template Select the chart type from the list Click Bac button to go back to previous page Click button to create a chart Click button to go back without saving any changes VV WM y www ElegantJCharts com Page 43 ElegantJ Charts Designer User Manual 8 Chart Property Chart properties can be changed by Selecting Property from the View menu Alternatively you can click particular button from the toolbar to change a particular chart property Chart Property dialog box will open You can change the chart type or the chart options There are some common properties for all charts Property for particular chart can be changed from Advance option Note For all charts if you have entered License Key then only y
96. ppropriate position from the Position list Click Click to Change button to change Line Properties Line Property dialog box will open VVVVV www ElegantJCharts com Page 103 ElegantJ Charts Designer User Manual Line Properties x Property Line Index Line Color Line Width Data Point Shape Data Point Width Data Point Height Data Point Color Data Point Border Visible Data Point Border Color Ok Cancel Select line index from the Line Index list Select line color from the Line Color list Select line width from the Line Width list Select data point shape from the Data Point Shape list Please see Figure 38 Enter the value in Data Point Width text box Enter the value in Data Point Height text box Select data point color from the Data Point Color list To display data point border mark the checkbox provided against Data Point Border Visible o Select data point border color from the Data Point Border Color list o Click button to save change o Click button to go back without saving changes gt Set the Color Transparency of line chart gt To show shadow color mark the checkbox provided against Shadow Color Enable gt Select the required color from the Shadow Color list gt Click Click to Change button to add Tooltip Text Macro Editor dialog box will open o00 0 0000 www ElegantJCharts com Page 104 ElegantJ Charts Designer User Manual Macro Editor x SDATA VALUE
97. rder style from the Border Style list Please see Figure 31 o Select a border width from the Border Width list o Select a border color from the Border Color list www ElegantJCharts com Page 119 ElegantJ Charts Designer O O O O O gt Click User Manual Select a shadow style from the Shadow Style list Please see Figure 32 Select a shadow width from the Shadow Width list Select a shadow color from the Shadow Color list Click button to save change Click button to go back without saving changes Apply button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 2 11 2 Doughnut Select the Doughnut tab to change the properties of the value doughnuts appearing in the chart using the properties explained below Colors Transparency Tooltip Text Depth Width Height Hole Size Start Angle Click to Change 50 T5 100 Border Visible Border Width Border Color Gradient Properties Click to Change Click to Change 04 of Width 504 4 Degrees Figure 65 Doughnut Chart Advance Doughnut gt Click Click to Change button to change the Colors Doughnut Color Chooser dialog box will open www ElegantJCharts com Page 120 ElegantJ Charts Designer VV WV V Doughnut Color Chooser EN Colors Index Color ICH D Ok Cancel o Select the index and col
98. red grid line color from the Grid Line Color list gt To display grid strip mark the Grid Strip Visible checkbox www ElegantJCharts com and DashDotDot styles User Manual Y axis grid Page 135 ElegantJ Charts Designer User Manual Chart Title El uand 7 E Legana_3 GLegana_1 Grid Strip Figure 76 Grid Strip Click VV V Y Apply Select the required grid strip color from the Grid Strip Color list button to see effects of changes made Click button to go back without saving changes Click button to save change www ElegantJCharts com Page 136 ElegantJ Charts Designer User Manual 8 7 Y Axis Select the Y Axis from Property from the View menu Alternatively select ty option from the toolbar to change the Y Axis properties explained below 8 7 1 Name Select the Name tab to change the Y axis name properties as explained below Format Labet Usel Grid Name Visible Name Text Maximum Lines Alignment center v Font Click to Change Background Visible Background Color Foreground Color Border Properties Figure 77 Y Axis Name To display name mark the checkbox provided against Name Visible Enter the name text to be displayed in the Name Text text box Select the maximum number of lines to be displayed in the chart title from the Maximum Lines list gt Select the alignment from the Alignment list
99. ree from the list gt Click 2 button to see effects of changes made gt Click button to go back without saving changes gt Click button to save change 8 7 4 Line Select the Line tab to change the Y axis line properties as explained below www ElegantJCharts com Page 141 ElegantJ Charts Designer User Manual Name Format Label Line Width Line Color Tick Line Visible Tick Line Position Tick Line Width Tick Line Height Tick Line Color Figure 80 Y Axis Line Select the required line width from the Line Width list Select the required line color from the Line Color list To display tick line mark the Tick Line Visible checkbox Please see Figure 73 Select an appropriate position of tick line from Tick Line Position list Select the required tick line width from the Tick Line Width list Select the required tick line height from the Tick Line Height list Select the required tick line color from the Tick Line Color list Click __ F _ button to see effects of changes made Click button to go back without saving changes Click button to save change 8 7 5 Grid Select the Grid tab to change the Y axis grid line properties as explained below VV Vv VV VVV VV www ElegantJCharts com Page 142 ElegantJ Charts Designer User Manual Name Format Label Line Grid Line Visible Grid Line Style Grid Line Width Grid Line Color zero Grid Line Style
100. rt Advance MouseOver gt To show mouseover text mark the checkbox provided against Enable gt To show mouseover static text keep the text always displayed mark the checkbox provided against Static Text Enable gt Select an appropriate alignment for the mouseover from the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open www ElegantJCharts com Page 100 ElegantJ Charts Designer User Manual O Macro Editor x SDATA VALUE Macro List series Na D Ok Cancel e Select the macro from the Macro List Please see Table 4 Click button to add the macro Click button to save changes Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open O O Font Chooser EN Font Name Font Style Font Size Dialog Pain sl DI ABC abc 123 al cares Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible VV WM Select the required color from the Background Color list Select the required color from the Foregroun
101. rt Select El from tool bar Alternatively select the Save option from the File menu Specify Chart Template File dialog box will open www ElegantJCharts com Page 37 Elegant Charts Designer User Manual FE Specify Chart Template File EN Save in ElegantJChartDesigner D ell Al fay File name emp ef Files of type TE Files ejxml D Cancel Figure 16 File Menu Save Option gt Enter the chart name in File Name text box gt Click button to save the chart gt Click button to go back without saving any changes 6 1 1 4 Save As Use this option to save a copy of an existing chart with a new name Select Jl from tool bar Alternatively select the Save As option from the File menu File Selection dialog box will open FU Specify Chart Template File E Save in ElegantJChartDesigner D EI Al ef File name emp ef Files of type GE Files ejxml D Cancel Figure 17 File Menu Save As Option www ElegantJCharts com Page 38 ElegantJ Charts Designer User Manual gt Enter the chart name in File Name text box gt Existing chart list of selected folder is shown Select existing chart if you wish to overwrite the chart gt Click button to save the chart gt Click button to go back without saving any change 6 1 1 5 Close Use this option to close chart Select BB com tool bar Alternatively select the Close option from the File menu 6 1 1 6 Close All Use this option to close
102. s gt A line connects data items in a Line Chart in the same series of other lines to form and display a trend in your data over a number of data categories gt Ina Line chart points or symbols represent data items gt A Line chart component consists of two axes a vertical or Y axis and a horizontal or X axis gt The categories of data become the scale indexes along the X axis while an individual line represents each series of data gt Generally the X axis represents time and the Y axis represents value gt Points are plotted on a Line Chart for each time interval and these points are joined by a line as a visual representation of change in data with timeline gt The X axis does not necessarily have to represent time It can also represent other data types www ElegantJCharts com Page 18 ElegantJ Charts Designer User Manual gt The only requirement is that there has to be some relationship between the X and Y axis gt By plotting multiple series of data on the same grid it becomes very easy to compare the data sets gt Line chart components can be used to display a wide variety of data and relationships For each line in the Line chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maxim
103. s can be used for gt Displaying data with three variables gt Displaying financial data CATEGORY NAME Q Networking Desktops Printers Laptops 60 45 9 A 2 3 H 5 QUARTER Figure 10 Bubble Chart Components and Functions gt Bubble Chart is a type of XY Scatter chart that is used to compare sets of three values gt In Bubble Chart each data point has two values and the size of the bubble represents value of the third gt The third data value called the bubble data value is added to each data item gt In Bubble Chart component the bubble value is used to determine the size of a bubble that will appear at the data item s plot point gt Bubble Chart shows three dimensions of data in a flat 2D Java chart gt In addition to the points being located on a grid according to X and Y values the size of the marker is proportional to a third set of values gt A Bubble Java Chart bean can be used for 3 D data for example X Y or time data items that have a quantitative element to them www ElegantJCharts com Page 30 ElegantJ Charts Designer User Manual For the Bubble chart the following statistics are calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in th
104. s of the value bars appearing in the chart using the properties explained below www ElegantJCharts com Page 89 ElegantJ Charts Designer User Manual Line Colors Transparency Border Style Border Width Border Color Gradient Properties Gap in Percentage Width Tooltip Text Click to Change OK Cancel BBB Figure 51 Combined Chart Advance Bar gt Click Click to Change button to change the Colors Bar Color Chooser dialog box will open Bar Color Chooser Ea Colors Index Color Ok Cancel o Select the index and color from the list o Click button to save change o Click button to go back without saving changes Set the Transparency of bar chart Select a border style from the Border Style list Please see Figure 31 Select the border width from the Border Width list Select the required color from the Border Color list Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open VVVVV www ElegantJCharts com Page 90 ElegantJ Charts Designer Gradient Property EN Property Gradient Visible IT Gradient Style Linear Gradient G Gradient Angle Gradient Extent Gradient Color Ok Cancel Mark the checkbox to set Gradient Visible Select a gradient from the Gradient Style list Enter an angle from where the gradient is to be applied in the Gradient Angle text box Enter
105. s type of chart is very useful for figures that relate to a larger sum such as demographic data or budget information gt Itis easy to get a feel of the relationship between component values when they are placed in a Pie charts component www ElegantJCharts com Page 22 ElegantJ Charts Designer User Manual For the Pie chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VVVVVV WM www ElegantJCharts com Page 23 ElegantJ Charts Designer User Manual 5 5 Radar Chart There is nothing defensive about a Radar Chart This chart type is called Radar simply because it resembles radar on screen Radar chart is useful when you want to look at several different factors all related to one item For example you can use a Java based Radar chart component from ElegantJ Charts Library to compile data about a wide receiver on a professional football team Radar charts can be used for gt Mathematical applications gt Statistical applications Michael COUNTRY 50000 cence Robert Margaret Wok N A SS USA L 30000 z E 20000 s e H 10000 wae ei 0 2r Laura Janet Andrew Anne EMPLOYEE NAME F
106. saving changes To display overlap label display all the data labels by adjust position of alternate label mark the checkbox provided against OverLap Label Visible Select the Rotation degree angle at which label text is displayed from the list Click _ button to see effects of changes made Click button to go back without saving changes Click button to save change O 8 6 2 Name Select the Name tab to change the X axis name properties as explained below www ElegantJCharts com Page 131 ElegantJ Charts Designer Line Grid Name Visible Name Text Maximum Lines Alignment center e Font Click to Change Background Visible Background Color Foreground Color Border Properties Figure 71 X Axis Name VV Vv Font Chooser Font Name Font Style Font Size Dialog Pain sl D ABC abc 123 al ere User Manual To display name mark the checkbox provided against Name Visible Enter the name text to be displayed in the Name Text text box Select the maximum number of lines to be displayed in the chart title from the Maximum Lines list Select the alignment from the Alignment list Click Click to Change button to change Font Font Chooser dialog box will open Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving chang
107. text box Click __ F _ button to see effects of changes made Click button to go back without saving changes Click button to save change 8 2 5 Radar Chart Property 8 2 5 1 ChartArea Select the ChartArea tab to change only the properties of area included within the chart as explained below www ElegantJCharts com User Manual Page 76 ElegantJ Charts Designer User Manual Mouseover Radar Background Visible Background Color fi Gradient Properties Click to Change Figure 45 Radar Chart Advance ChartArea gt To allow background of the chart visible mark the checkbox provided against Background Visible gt Select a color from the Background Color list gt Click Click to Change button to change Gradient Properties Please see Figure 29 Gradient Property dialog box will open Gradient Property EN Property Gradient Visible a Gradient Style Linear Gradient T Gradient Angle 30 Gradient Extent Gradient Color Ok Cancel o Mark the checkbox to set Gradient Visible o Select a gradient from the Gradient Style list o Enter an angle from where the gradient is to be applied in the Gradient Angle text box www ElegantJCharts com Page 77 ElegantJ Charts Designer O O O gt Click User Manual Enter a numeric value to indicate the extent to which the gradient should spread in the Gradient Extent text box Higher value w
108. the Alignment list gt Click Click to Change button to add mouseover Text Macro Editor dialog box will open Macro Editor EN SDATA VALUE Macro List Series Na D Add Ok Cancel o Select the macro from the Macro List Please see Table 4 o Click button to add the macro www ElegantJCharts com Page 118 ElegantJ Charts Designer User Manual o Click button to save changes o Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open Font Chooser Font Name Font Style Font Size Dialog gt Pain sl D ABC abe 123 Ok Cancel o Select the font type font style and font size from the list Preview the selection in Preview pane o Click button to save change o Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open VV Vv Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel o Select a bo
109. the line connecting various data points gt The components of Area Chart often look like a Line chart colored in the areas underneath each line gt Each of these area segments is stacked on top of each other like in a Stacked Bar chart gt The aggregated size of the area at each category reflects the cumulative value of all data items in that category gt The first series will always be the top area segment gt Each data series in the Area chart component corresponds to a colored segment of the total area gt Area charts are useful when you want to show group trends in addition to comparing trends between individual series of data www ElegantJCharts com Page 20 ElegantJ Charts Designer User Manual For the Area chart the following statistics can be calculated Sum The sum value in the series Count The count value in the series Valid Count The valid count value in the series Average The average value in the series Valid Average The valid average value in the series Maximum The maximum value in the series Minimum The minimum value in the series VW WW WV WM Area chart is having sub type as under gt Area gt Stacked Area gt Percentage Area www ElegantJCharts com Page 21 ElegantJ Charts Designer User Manual 5 4 Pie Chart A Pie chart is a circular chart divided into sectors illustrating relative magnitudes or frequencies In a pie Java chart the arc length of each sector and consequ
110. thout saving changes O O O www ElegantJCharts com Page 138 ElegantJ Charts Designer User Manual gt Click button to save change 8 7 2 Format Select the Format tab to change the Y axis format properties as explained below Label Line Grid Value Computation Sum Computation D Maximum Value f 7976931348623157E308 Minimum Yalue f 7976931348623157E308 Division Value Name value Interval Unit OK Cancel Figure 78 Y Axis Format Anry gt Select a Value computation from the Value Computation different mathematical computations performed on value of Y axis list Enter the maximum value to be displayed in Maximum Value text box Enter the minimum value to be displayed in Minimum Value text box Enter a value to divide the currently displayed value in Division Value text box Enter the interval value between two data value points in Value Interval text box Enter the unit name in Unit text box Click __ F button to see effects of changes made Click button to go back without saving changes Click button to save change VV Vv WV VV V Y 8 7 3 Label Select the Label tab to change the Y axis label properties as explained below www ElegantJCharts com Page 139 ElegantJ Charts Designer User Manual Label Visible Font Background Visible Background Color Foreground Color Drill Down Enable Tooltip Text Click t
111. ts 100 Figure 57 XYScatter Chart Advance XYSCatter E 103 Figure 58 Bubble Chart Advance Chartres 106 Figure 59 Bubble Chart Advance Mousehver tees teen eee ee teenies 107 Figure 60 Bubble Chart Advance Bubble 110 Figure 61 Stock Chart Advance Chartres 112 Figure 62 Stock Chart Advance Mousehver eee ee eset neta teeta enees 114 Figure 63 Stock Chart Advance Candle cccceeeeeee eee ee teens etna teen ea eees 116 Figure 64 Doughnut Chart Advance MouseOver eee ee teen teenies 118 Figure 65 Doughnut Chart Advance Doughnut eee eee ee eee ee teens 120 Figure 66 BackgrouNd EE 123 Figure 67 Image Display Patterns cc ceeeeeee ee eee ee eee eee e eee teeta ea enees 125 Figure 68 Eleng EE ORK NEE AE EE SERA ER AER ayaa 126 Figure Ee RR ET 128 Figure 70 X Axist Label sue geg regeegeagueeeegaieg ees meteorite eames 130 Figure 71 X AXIS NAME EEN 132 Figure 72 X AXIS LIM EE 134 Figure 73 Tickline Tor AN aXIS eege ege SEENEN REESEN ENNEN ERAN ee 134 Figure 74 X AXIS Grid aeinn AE SE AEN uke seat adel AE SERA NEEN 135 Figure 75 Grid Line ENER scat iis saeuserosteneeneis R EE AER EE epee eee dela 135 Figure 76 Grid Stripes EE 136 Figure 77 Y AXiS NaMe nerean EE EE E 137 Figure 78 Y AXIS Format 139 Figure 79 Y AXIS LADS EE 140 Figure 80 Y AxIS 1 El 142 Figure 81 Y AXisi Grid EE 143 Fig re 82 Zero Grid WE EE 143 Figure 83 Legend D
112. um The maximum value in the series Minimum The minimum value in the series VVVVVV WM Line chart is having sub type as under Line Strip Point Stacked Line Stacked Strip Stacked Point Percentage Line Percentage Strip Percentage Point VVVVVVV VV www ElegantJCharts com Page 19 ElegantJ Charts Designer User Manual 5 3 Area Chart Area chart is a combination of the features of Line charts and Stacked Bar charts This is a chart type where each area is given a solid color or pattern to emphasize the relationships between the pieces of charted information It shows the relative contributions over time that each data series makes to the whole picture An Area Java chart from ElegantJ Charts Library is the best choice to show relationships as a part of a whole over a period of time For example an Area chart can aptly show change in the relative amounts of the principal and interest over the time of a mortgage Area charts can be used to gt Display changes in cumulative value or percentage over time gt Compare groups on outcome measurements gt Display group trends COUNTRY Er HUSA 60000 45000 30000 s A L E s A M o U N Li 15000 o wet ores oest pane A ak CATEGORY NAME Figure 4 Area Chart Components and Functions gt Area Chart is a type of presentation graphic that emphasizes a change in values by filling in the portion of the chart beneath
113. x SDATA VALUE Macro List series Na D Ok Cancel e Select the macro from the Macro List Please see Table 4 Click button to add the macro Click button to save changes Click button to go back without saving changes gt Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box gt Click Click to Change button to change the Font Font Chooser dialog box will open O O Font Chooser EN Font Name Font Style Font Size Dialog Pain sl DI ABC abc 123 al cares Select the font type font style and font size from the list Preview the selection in Preview pane Click button to save change Click button to go back without saving changes gt To show mouseover text background mark the checkbox provided against Background Visible VV WM Select the required color from the Background Color list Select the required color from the Foreground Color list Click Click to Change button to change Border Shadow Properties Border amp Shadow Properties dialog box will open www ElegantJCharts com Page 108 ElegantJ Charts Designer User Manual Border amp Shadow Properties Property Border Width Border Color Shadow Style Shadow Width Shadow Color Ok Cancel Select a border style from the Border Style list Please see Figure 31 Select a border width from the Border Width list Select a border col

ElegantJ Chart Designer - User Manual Ver 1.0

Contents

Download Pdf Manuals

Related Search

Related Contents