ElegantJ Charts Designer
User Manual - Version 1.0.03
Table of Contents
2 About ElegantJ Charts Designer
2.1 ElegantJ
Charts Designer Features
3 Installation and Interoperability
3.1.2.1 Installing
on Windows 95/98
3.1.2.2 Installing
on Windows NT/2000/XP
3.1.2.3 Installing
on Unix/Linux
3.1.3 Running
the ElegantJ Charts Designer
4 Navigating ElegantJ Charts Designer
4.1 Starting
ElegantJ Charts Designer
5 Chart Type Selection Guidelines
6 ElegantJ Charts Designer IDE
6.1.3.2 Register
ElegantJ Charts Designer
6.1.3.3 About
ElegantJ Charts Designer
8.2.7 Histogram
Chart Property
8.2.8 XYScatter
Chart Property
8.2.11 Doughnut
Chart Property
9 Product and Support Information
List of Tables
Table 2 – Organization of the document
Table 3 – ElegantJ Charts Designer IDE
This preface describes the document. The preface contains the following sections:
Table 1 - Preface
|
Section |
Page |
|
Purpose of this document |
6 |
|
Assumptions |
6 |
|
Document Organization |
6 |
|
Related Documents |
7 |
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 ElegantJ Charts Designer. It is designed to provide a comprehensive, step-by-step introduction to each of the functions of ElegantJ Charts Designer.
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.
This document is organized as described in following Tables:
Table 2 – Organization of the document
|
Chapter |
Contents |
|
About ElegantJ Charts Designer |
Ø ElegantJ Charts Designer Features |
|
Installation and Interoperability |
Ø Installation Ø Using the XML |
|
Navigating ElegantJ Charts Designer |
Ø Starting ElegantJ Charts Designer |
|
Chart Type Selection Guidelines |
Ø Detail description about operational & functional usage of different properties. |
|
ElegantJ Charts Designer IDE |
|
|
Chart Wizard |
|
|
Chart Property |
Readers of this document can also refer to other ElegantJ Charts Designer documents:
Ø ElegantJ Charts Programmers’ Guide
o About ElegantJ Charts
o ElegantJ Charts Toolkit
o Installation & Registration
o ElegantJ Charts Architecture
o Interoperability & Integration with XML
o Charts Designer
o Programmer’s FAQ’s
Ø ElegantJ Charts API Documentation
Ø ElegantJ Charts Demo Application
A developer has three ways to use charts in an application:
Ø Write your own code
Ø Use third party IDEs
Ø Use ElegantJ 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.
ElegantJ 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 presentation requirements.
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
This section provides you information about installing ElegantJ Charts Designer and its interoperability with XML.
This section guides you on how to install and configure ElegantJ Charts Designer with various Operating Systems.
Before installing ElegantJ Charts Designer, please ensure that your computer system and development environment are set up and working as per expectations. Person using ElegantJ 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.
On extracting ElegantJChartsDesigner.zip, 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)
3.1.2.1 Installing on Windows 95/98
To include ElegantJ Charts Designer in CLASSPATH, add following statement to your autoexec.bat file,
Set CLASSPATH=%CLASSPATH%;C:\ElegantJChartsDesigner\lib\EJChartsDesigner.jar;
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 ElegantJ Charts Designer in the CLASSPATH, specify or add following value for variable –
[EXISTING-CLASSES]; C:\ElegantJChartsDesigner\lib\EJChartsDesigner.jar
3.1.2.3 Installing on Unix/Linux
Before you begin using ElegantJ 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 ElegantJ Charts Designer,
setenv CLASSPATH .:/usr/local/ElegantJChartsDesigner/lib/EJChartsDesigner.jar
If you are using Bourne Shell, commands are,
CLASSPATH= $CLASSPATH:.:/usr/local/ElegantJChartsDesigner/lib/EJChartsDesigner.jar:export CLASSPATH
3.1.3Running the ElegantJ Charts Designer
Ø Move to EJChartsDesigner
Ø 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 ElegantJ Charts Designer. Using designer, you can design and customize chart and save them as XML template.
How can using ElegantJ Chart Designer help you?
Ø This Chart Designer supports EJXML to help you dynamically control the visual properties of Java charts
Ø Point-and-click graphical user interface will allow faster chart creation with utmost flexibility
Ø 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
Ø Even Graphic designers or novice programmers can use ElegantJCharts to configure complex and eye-catching charts
Ø You can easily import these templates as Java Charts into your application, with minimum source code
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 ElegantJ Charts. EJXML format supports Java Chart configuration options as well as chart data.
ElegantJ 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 ElegantJ Charts Designer it self.
ElegantJ Charts Designer can load graph properties by importing EJXML file, which can be exported by any application including ElegantJ Charts Designer it self.
This chapter describes the navigation and frequently used functions of ElegantJ Charts Designer from the perspective of operational & 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 ElegantJ Charts Designer
Once you install the ElegantJ Charts Designer in your system, open the ElegantJ Charts Designer by double-clicking runGraphDesigner.bat file (not for Unix/Linux).
OR for all for all other platforms,
java -cp
.;./lib/EJChartsDesigner.jar com.graphdesigner.GraphDesigner
OR
java –jar
/lib/EJChartsDesigner.jar
5 Chart Type Selection Guidelines
The variety of Java Charts offered by ElegantJ 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. ElegantJ Charts is bundled with more than 50 types of Java Charts, categorized in the main categories as following.
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:
Ø Comparing independent data sets
Ø Money distribution by time
Ø Production against time
Components and Functions:
Ø Bar charts comprise an axis and a series of labeled horizontal or vertical bars that show different values for each bar.
Ø Components of a Bar Chart can be used to display a wide variety of information.
Ø Data is grouped together according to categories, displaying one bar for each item in that category.
Ø A Bar Chart can compare distinct items or show single items at distinct intervals.
Ø 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.
Ø 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.
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 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.
ElegantJ Charts offers these sub-types of Bar Chart:
Ø Vertical Bar
Ø Horizontal Bar
Ø Stacked Vertical Bar
Ø Stacked Horizontal Bar
Ø Percentage Vertical Bar
Ø Percentage Horizontal Bar
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
Components and Functions:
Ø 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.
Ø In a Line chart, points or symbols represent data items.
Ø A Line chart component consists of two axes, a vertical or Y-axis and a horizontal or X-axis.
Ø The categories of data become the scale indexes along the X-axis, while an individual line represents each series of data.
Ø Generally, the X-axis represents time and the Y-axis represents value.
Ø 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.
Ø The X-axis does not necessarily have to represent time. It can also represent other data types.
Ø The only requirement is that there has to be some relationship between the X and Y-axis.
Ø By plotting multiple series of data on the same grid, it becomes very easy to compare the data sets.
Ø 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.
Ø Maximum: The maximum value in the series.
Ø Minimum: The minimum value in the series.
Line chart is having sub type as under:
Ø Line
Ø Strip
Ø Point
Ø Stacked Line
Ø Stacked Strip
Ø Stacked Point
Ø Percentage Line
Ø Percentage Strip
Ø Percentage Point
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:
Ø Display changes in cumulative value or percentage over time.
Ø Compare groups on outcome measurements.
Ø Display group trends.
Components and Functions:
Ø Area Chart is a type of presentation graphic that emphasizes a change in values by filling in the portion of the chart beneath the line connecting various data points.
Ø The components of Area Chart often look like a Line chart colored in the areas underneath each line.
Ø Each of these area segments is stacked on top of each other, like in a Stacked Bar chart.
Ø The aggregated size of the area at each category reflects the cumulative value of all data items in that category.
Ø The first series will always be the top area segment.
Ø Each data series in the Area chart component corresponds to a colored segment of the total area.
Ø Area charts are useful when you want to show group trends in addition to comparing trends between individual series of data.
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.
Area chart is having sub type as under:
Ø Area
Ø Stacked Area
Ø Percentage Area
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 consequently 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:
Ø Comparing data elements against the sum of the elements
Ø Budgets
Ø Money distribution
Components and Functions:
Ø A Pie Chart is a circular chart divided into sectors, illustrating relative magnitudes or frequencies.
Ø The arc length of each sector and consequently its central angle and area in a Pie Chart, is proportional to the quantity it represents.
Ø Each data item in that category is shown as a pie wedge or slice.
Ø The greater the data value, the larger the pie slice or wedge.
Ø The data sectors or wedges or slices, create a full disk when they come together.
Ø Multiple 2D and 3D Pie charts can be drawn of varying sizes to provide another dimension to the data.
Ø This type of chart is very useful for figures that relate to a larger sum, such as demographic data or budget information.
Ø It is easy to get a feel of the relationship between component values when they are placed in a Pie charts component.
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.
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:
Ø Mathematical applications
Ø Statistical applications
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.
Ø 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.
Ø Radar charts components are similar to Line charts. However, the radial grid to display data items sets it apart.
Ø In a radial grid, the scale value grid lines circle around a center point representing zero.
Ø 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.
Ø There must be at least three categories for a Radar chart to make sense.
Ø 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.
Ø 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:
Ø 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.
Radar chart is having sub type as under:
Ø Radar
Ø Stacked Radar
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”.
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.
Histogram Java chart is a specialized type of Bar chart which is also a part of ElegantJ 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.
Components and Functions:
Ø A Histogram Chart has the charting format that displays horizontal or vertical bars.
Ø The length of the bars is set in proportion to the values of the data items they represent.
Ø 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.
Ø High bars in Histogram charts indicate more points in a class and low bars indicate lesser points.
Ø 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.
Ø 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 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.
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 ElegantJ 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.
Components and Functions:
Ø XYScatter chart is used when you want to see if there is a relationship between two different sets of data.
Ø XYScatter chart is essentially the plotted dots without any connecting line.
Ø In case of a perfect relationship, the dots would form a straight line angling up and right.
Ø However, if the 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.
XYScatter chart is having sub type as under:
Ø XYScatter Line
Ø XYScatter Point
Ø Stacked XYScatter Line
Ø Stacked XYScatter Point
Ø Percentage XYScatter Line
Ø Percentage XYScatter Point
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. ElegantJ 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 charts can be used for:
Ø Displaying data with three variables
Ø Displaying financial data
Components and Functions:
Ø Bubble Chart is a type of XY Scatter chart that is used to compare sets of three values.
Ø In Bubble Chart, each data point has two values and the size of the bubble represents value of the third.
Ø The third data value, called the bubble data value, is added to each data item.
Ø 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.
Ø Bubble Chart shows three dimensions of data in a flat 2D Java chart.
Ø 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.
Ø 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.
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 the series.
Ø Minimum: The minimum value in the series.
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:
Ø Displaying daily stock prices over time
Ø Displaying statistical data with a confidence range over time
Components and functions:
Ø 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.
Ø 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.
Ø 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.
Ø Data items 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.
Ø Minimum: The minimum value in the series.
Stock chart is having sub type as under:
Ø Candle Stick Chart
Ø High Low Open Close 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.
Components and functions:
Ø Doughnut chart displays category groups, series groups, and values series as doughnut slices.
Ø The size of the slice in Doughnut chart component is determined by the series value as a percentage of the total of all values.
Ø Doughnut Java charts components are typically used to show percentages.
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.
The ElegantJ Charts Designer IDE is designed in such a way that it provides maximum assistance.
Ø 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.
Ø Tool Bar: The tool bar, through buttons, enables users to directly access frequently used menu options.
Ø 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 – ElegantJ Charts Designer IDE
|
Section |
Page |
|
Chart Menus |
27 |
|
File |
27 |
|
View |
30 |
|
Help |
32 |
6.1 Chart Menus
There are three menus available in ElegantJ Charts Designer as under:
Ø File
Ø View
Ø Help
File menu contains following operations:
Ø New
Ø Open
Ø Save
Ø Save As
Ø Close
Ø Close All
Ø Exit
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.
Note:
Please refer “Section 7 - Chart Wizard” of this document for more information on chart creation.
Use this option to open already created
chart. Select 
from
tool bar. Alternatively, select the Open option from the File
menu. Specify Chart Template File
dialog box will open.
Ø Select the chart.
Ø Click 
button
to open the selected chart.
Ø Click 
button
to go back.
Note:
If you have entered License Key, then only Open option will be enabled.
Use this option to save the chart. Select 
from
tool bar. Alternatively, select the Save option from the File
menu. Specify Chart Template File
dialog box will open.
Ø Enter the chart name in File Name text box.
Ø Click 
button
to save the chart.
Ø Click button
to go back without saving any changes.
Use this
option to save a copy of an existing chart with a new name. Select 
from
tool bar. Alternatively, select the Save As option from the File
menu. File Selection dialog box will open.
Ø Enter the chart name in File Name text box.
Ø Existing chart list of selected folder is shown. Select existing chart if you wish to overwrite the chart.
Ø Click button
to save the chart.
Ø Click button
to go back without saving any change.
Use this
option to close chart. Select 
from
tool bar. Alternatively, select the Close option from the File
menu.
Use this option to close all opened chart. Select the Close All option from the File menu.
Use this
option to exit from the ElegantJ Charts Designer. Select 
from
tool bar. Alternatively, select the Exit option from the File
menu.
View menu contains following operations:
Ø Chart Type
Ø Property
Ø Look & Feel
Use this
option to view the different type of chart. Select appropriate chart type from 
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 
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:
Ø Bar chart
o Vertical Bar
o Horizontal Bar
o Stacked Vertical Bar
o Stacked Horizontal Bar
o Percentage Vertical Bar
o Percentage Horizontal Bar
Ø Line chart
o Line
o Strip
o Point
o Stacked Line
o Stacked Strip
o Stacked Point
o Percentage Line
o Percentage Strip
o Percentage Point
Ø Area chart
o Area
o Stacked Area
o Percentage Area
Ø Pie chart
Ø Radar chart
o Radar
o Stacked Radar
Ø Combined chart
Ø Histogram chart
Ø XYScatter chart
o XYScatter Line
o XYScatter Point
o Stacked XYScatter Line
o Stacked XYScatter Point
o Percentage XYScatter Line
o Percentage XYScatter Point
Ø Bubble chart
Ø Stock chart
o Candle Stick chart
o High Low Open Close chart
Ø Doughnut chart
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:
Ø Advance - 
Ø General - 
Ø Background - 
Ø Title - 
Ø Tooltip - 
Ø X-Axis - 
Ø Y-Axis - 
Ø Legend - 
Note:
Please refer “Section 8 - Chart Property” of this document for more information on Chart Property.
Use this option to define the outlook of the ElegantJ Charts Designer. Select Look & Feel option from the View menu. Click theme name to select the theme. ElegantJ Charts Designer offers the following themes:
Ø Window
Ø Custom
Ø Metal
Ø Motif
Help menu contains following operations:
Ø Help
Ø Register ElegantJ Charts Designer
Ø About ElegantJ Charts Designer
Use this option to get help on any chart topic. Select Help option from the Help menu.
6.1.3.2 Register ElegantJ Charts Designer
Use this option to register ElegantJ Charts Designer. Select Register ElegantJ Charts Designer from the Help menu; a dialog box will open as shown below. Once you register ElegantJ Charts Designer, ‘ElegantJ Chart Evaluation’ will be removed from background of the chart.
Help Menu: Register ElegantJ Charts Designer
Ø Enter License Key in the text box
Ø Click 
button
to get registered
Ø Click button
to go back without saving changes
6.1.3.3 About ElegantJ Charts Designer
Use this option to view information about
ElegantJ Charts Designer. Select About ElegantJ Charts Designer option
from the Help menu; following dialog
box will open.
Help Menu: About ElegantJ Charts Designer
Ø Select New from the File menu. Alternatively, click from
the tool bar. ChartWizard – Chart Options dialog box will open
Ø Select Option of the chart by clicking on radio button provided against Create New From Scratch and Create From Existing Template.
Ø Click 
button
o If create new from scratch option is selected, Chart Wizard – Select Chart Type dialog box will open
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.
Create Chart Wizard: Create From Existing Template: Select Chart
Template
Ø Select the chart type from the list.
Ø Click 
button
to go back to previous page.
Ø Click 
button
to create a chart.
Ø Click button to go back without saving any
changes.
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 you can set the Image
as a Background.
Select the General from Property
from the View menu. Alternatively, select option
from the toolbar to change the general properties explained below:
Ø Select/change chart type from list provided against Chart Type.
Ø Click Click to Change button to change the Chart Font. Font Chooser dialog box will open.
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.
Ø To show the effects of drill-down setting on the chart, mark the checkbox provided against Drill-Down Effect Enable.
Ø To allow data sorting mark the checkbox provided against Data Sorting Enable.
Ø To display the chart with 3D effect, mark the checkbox provided against 3D Effect Enable.
Ø 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.
Ø 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.
Ø Enter the numeric value in the Chart Width text box.
Ø Enter the numeric value in the Chart Height text box.
Ø Click 
button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Advance from Property
from the View menu. Alternatively, select option
from the toolbar to change the advance chart properties explained below:
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
Bar Chart: Advance: Chart Area
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
o
Select the macro from the Macro List.
Table 4 – Macro List
|
Macro |
Function |
|
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Bar tab to change the properties of the value bars appearing in the chart using the properties explained below:
Ø Select a bar chart type from the Types list.
Ø Click Click to Change button to change the Colors. Bar Color Chooser dialog box will open.
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 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. Gradient Property dialog box will open.
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.
Ø Specify a value based on which bars on the chart will be separated in the Gap in Percentage text box.
Ø Specify a value to indicate the bar width on the chart in Width text box.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below
Line Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Line Chart: Advance: MouseOver
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Line tab to change the properties of the lines appearing in the chart using the properties explained below:
Ø 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.
o Select line index from the Line Index list.
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.
o Enter the value in Data Point Width text box.
o Enter the value in Data Point Height text box.
o Select data point color from the Data Point Color list.
o 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.
o
Click button to go back without saving changes.
Ø Set the Color Transparency of line chart.
Ø To show shadow color, mark the checkbox provided against Shadow Color Enable.
Ø Select the desired color from the Shadow Color list.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
Area Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Area Chart: Advance: MouseOver
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Area tab to change the properties of the value area appearing in the chart using the properties explained below:
Ø Click Click to Change button to change the Colors. Area Color Chooser dialog box will open.
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.
Ø 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. Gradient Property dialog box will open.
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.
Ø Specify a value based on which areas on the chart will be separated in the Gap in Percentage text box.
Ø Specify a value to indicate the area width on the chart in Width text box.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Pie tab to change the properties of the value pies appearing in the chart using the properties explained below:
Select the Pie tab to change the properties as explained below:
Ø Click Click to Change button to change the Colors. Pie Color Chooser dialog box will open.
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.
Ø Select the border width from the Border Width list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Layout tab to change the pie layout properties as explained below:
Pie Chart: Advance: Pie: Layout
Ø 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) text box.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
Radar Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Radar Chart: Advance: MouseOver
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Radar tab to change the properties of the value radars appearing in the chart using the properties explained below:
Ø Click Click to Change button to change the Color. Radar Color Chooser dialog box will open.
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. Gradient Property dialog box will open.
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.
Ø Specify a value to indicate the radar diameter on the chart in Diameter text box.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
Combined Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver Bar tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Combined Chart: Advance: MouseOver Bar
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver Line tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Combined Chart: Advance: MouseOver Line
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Bar tab to change the properties of the value bars appearing in the chart using the properties explained below:
Ø Click Click to Change button to change the Colors. Bar Color Chooser dialog box will open.
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.
Ø 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. Gradient Property dialog box will open.
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.
Ø Specify a value based on which bars on the chart will be separated in the Gap in Percentage text box.
Ø Specify a value to indicate the bars width on the chart in Width text box.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Line tab to change the properties of the value lines appearing in the chart using the properties explained below:
Ø 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 from the Position list.
Ø Click Click to Change button to change Line Properties. Line Property dialog box will open.
o Select line index from the Line Index list.
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.
o Enter the value in Data Point Width text box.
o Enter the value in Data Point Height text box.
o Select data point color from the Data Point Color list.
o 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.
o
Click button to go back without saving changes.
Ø Set the Color Transparency of line chart.
Ø To show shadow color, mark the checkbox provided against Shadow Color Enable.
Ø Select the required color from the Shadow Color list.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
Histogram Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Histogram tab to change the properties of the value histogram appearing in the chart using the properties explained below:
Histogram Chart: Advance: Histogram
Ø Enter the value to define the starting of section in Start of Section text box.
Ø Enter the value to define the ending of section in End of Section text box.
Ø Enter the value to define the width of section in Width of Section text box.
Ø Click Click to Change button to change the Colors. Bar Color Chooser dialog box will open.
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 chart.
Ø Select a border style from the Border Style list.
Ø 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. Gradient Property dialog box will open.
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.
Ø Enter the value based on which pies on the chart will be separated in the Gap in Percentage text box.
Ø Specify a value to indicate the bars width on the chart in Width text box.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
XYScatter Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
XYScatter Chart: Advance: MouseOver
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the XYScatter tab to change the properties of the value XYScatter appearing in the chart using the properties explained below:
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 appropriate position from the Position list.
Ø Click Click to Change button to change Line Properties. Line Property dialog box will open.
o Select line index from the Line Index list.
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.
o Enter the value in Data Point Width text box.
o Enter the value in Data Point Height text box.
o Select data point color from the Data Point Color list.
o 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.
Ø Set the Color Transparency of line chart.
Ø To show shadow color, mark the checkbox provided against Shadow Color Enable.
Ø Select the required color from the Shadow Color list.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
Bubble Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Bubble Chart: Advance: MouseOver
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Bubble tab to change the properties of the value bubble appearing in the chart using the properties explained below:
Ø Click Click to Change button to change the Colors. Bar Color Chooser dialog box will open.
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 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.
Ø To display center, mark the checkbox provided against Center Visible.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ChartArea tab to change only the properties of area included within the chart as explained below:
Stock Chart: Advance: ChartArea
Ø To allow background of the chart visible, mark the checkbox provided against Background Visible.
Ø Select a color from the Background Color list.
Ø Click Click to Change
button to change Gradient Properties.
Gradient Property dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Stock Chart: Advance: MouseOver
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Candle tab to change the properties of the value candles appearing in the chart using the properties explained below:
Ø 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.
Ø Select the required color from the Filled Body Color list (closing value lower than opening value).
Ø Select the required color from the Empty Body Color list (closing value higher than opening value).
Ø Enter the value to define the width of shadow line in Shadow Line Width text box.
Ø Select the required color from the Shadow Line Color list.
Ø Select a border style from the Border Style list.
Ø Select the border width from the Border Width list.
Ø Select the border color from the Border Color list.
Ø Set the Transparency of chart.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the MouseOver tab to change appearance of the mouseover text when mouse hovers using the properties explained below:
Doughnut Chart: Advance: MouseOver
Ø To show mouseover text, mark the checkbox provided against Enable.
Ø To show mouseover static text (keep the text always displayed), mark the checkbox provided against Static Text Enable.
Ø Select an appropriate alignment for the mouseover from the Alignment list.
Ø Click Click to Change button to add mouseover Text. Macro Editor dialog box will open.
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.
Ø Enter the maximum number of characters to be displayed in mouseover text in the Maximum Characters text box.
Ø Click Click to Change button to change the Font. Font Chooser dialog box will open.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Doughnut tab to change the properties of the value doughnuts appearing in the chart using the properties explained below:
Doughnut Chart: Advance: Doughnut
Ø Click Click to Change button to change the Colors. Doughnut Color Chooser dialog box will open.
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 chart.
Ø 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. Gradient Property dialog box will open.
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.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Specify a value to indicate the doughnut depth (thickness) on the chart in Depth text box.
Ø Specify a value to indicate the doughnut width (horizontal space occupied by the doughnut) on the chart in Width text box.
Ø Specify a value (percent value in relation to doughnut width) to indicate the doughnut height on the chart from Height.
Ø Specify a value in percentage to indicate the doughnut hole size on the chart from Hole Size.
Ø Specify a value to indicate the starting of angle of the first data item on the chart from Start Angle list.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Background from Property
from the View menu. Alternatively, select option
from the toolbar to change the background properties explained below:
Ø Select the required color from the Color list.
Ø Click Click to Change button to change Gradient Properties. Gradient Property dialog box will open.
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.
Ø Click Click to Change button to change Border Properties. Border Properties dialog box will open.
o Select a border style from the Border Style list.
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.
Ø To show background image, mark the checkbox provided against Image Visibility.
(Not available in Demo evaluation version).
Ø Click Click to Change button to select Image. Open dialog box will open.
o Select the image from location.
o
Click 
button
to add image.
o
Click button to go back without saving changes.
Ø 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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Title from Property
from the View menu. Alternatively, select option
from the toolbar to change the title properties explained below:
Ø To display title, mark the checkbox provided against Title Visible.
Ø 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 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.
Ø To show 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the ToolTip from Property
from the View menu. Alternatively, select option
from the toolbar to change the Tooltip properties explained below:
Ø To allow the display tooltip text, mark the checkbox provided against Enable.
Ø Click Click to Change button to add Default Text. Macro Editor dialog box will open.
o Enter relevant text.
o
Click button
to save change.
o
Click button to go back without saving changes.
Ø Enter a value to show the tooltip text for the particular time interval in the Show Interval text box.
Ø Enter a value to make the tooltip visible after the particular time interval in the Visible Interval text box.
Ø Click Click to Change button to change Text Font. Font Chooser dialog box will open.
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.
o Select a border style from the Border Style list.
o 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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the X-Axis from Property
from the View menu. Alternatively, select option
from the toolbar to change the X-Axis properties explained below:
Select the Label tab to change the X-axis label properties as explained below:
Ø To display label, mark the checkbox provided against Label Visible.
Ø Click Click to Change button to change Font. Font Chooser dialog box will open.
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.
Ø 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.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø 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.
Select the Name tab to change the X-axis name properties as explained below:
Ø 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.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Line tab to change the X-axis line properties as explained below:
Ø 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.
Ø 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 button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Grid tab to change the X-axis grid line properties as explained below:
Ø To display grid line, mark the Grid Line Visible checkbox.
Ø Select the required grid line style from the Grid Line Style list.
Ø Select the required grid line width from the Grid Line Width list.
Ø Select the required grid line color from the 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 button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Y-Axis from Property
from the View menu. Alternatively, select option
from the toolbar to change the Y-Axis properties explained below:
Select the Name tab to change the Y-axis name properties as explained below:
Ø 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.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Format tab to change the Y-axis format properties as explained below:
Ø 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 button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Label tab to change the Y-axis label properties as explained below:
Ø To display label, mark the checkbox provided against Label Visible.
Ø Click Click to Change button to change Font. Font Chooser dialog box will open.
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.
Ø 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.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø To display overlap label mark the checkbox provided against OverLap Label Visible.
Ø Select the Rotation degree from the list.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Line tab to change the Y-axis line properties as explained below:
Ø 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.
Ø 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 button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Grid tab to change the Y-axis grid line properties as explained below:
Ø To display grid line, mark the Grid Line Visible checkbox.
Ø Select the required grid line style from the Grid Line Style list.
Ø 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.
Ø 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 button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Legend from Property
from the View menu. Alternatively, select option
from the toolbar to change the legend properties explained below:
Select Display tab to change the display properties of legend as explained below:
Ø To display legend, mark the checkbox provided against Legends Visible.
Ø Enter the value for maximum number of character to be displayed in the chart legend in Width in Character text box.
Ø Select an appropriate position for the legend from the Position list.
Ø Select an appropriate alignment for the legend from the Alignment list.
Ø To display background mark the checkbox provided against Background Visible.
Ø Select the required color from the Background Color list.
Ø Click Click to Change button to change Border Properties. Border & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Name tab to change the legend name properties as explained below:
Ø 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.
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.
Ø 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 & Shadow Properties dialog box will open.
o Select a border style from the Border Style list.
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.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
Select the Label tab to change the legend label properties as explained below:
Ø Click Click to Change button to change Font. Font Chooser dialog box will open.
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.
Ø 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.
Ø Click Click to Change button to add Tooltip Text. Macro Editor dialog box will open.
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.
Ø Click button
to see effects of changes made.
Ø Click button to go back without saving changes.
Ø Click button
to save change.
9 Product and Support Information
Product
& Support Information:
Ø You can find more information about ElegantJ Charts Designer and it's features on www.ElegantJCharts.com.
Ø If you looking for further support apart from this documentation, then you can purchase our support package from the website.
Ø Forward your sales related mail to sales@ElegantJCharts.com.
Feedback
and Suggestions:
Ø We will be pleased to get your feedback as well as suggestions about our products.
Ø Forward any feedback or suggestions related mails to support@ElegantJCharts.com.