Difference between revisions of "Java for Android Tutorial 2"

From Steema Software Reference Wiki
Jump to: navigation, search
(Tutorial 2 - Chart display methods)
(3D)
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
[[Category:JAVA]]
 +
{| width="100%"
 +
|- valign="TOP"
 +
|
 +
[[Image:java_android.png|200px]]
 +
| align="RIGHT" | <font size="2">  [[Java for Android Tutorials|Contents page]]<br />[[Java for Android Tutorial 1|Previous]] | [[Java for Android Tutorial 3|Next]]
  
 
+
</font>
== Tutorial 2 - Chart display methods ==
+
| width="20" |
 
+
|}
 +
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
 +
= Tutorial 2 - Chart display methods =
 +
__TOC__
 +
<br>
 
Chart display features are those which affect the overall appearance of the Chart. They include those properties and methods that define the colour of the Chart background, Titles and their position, margins, borders and bevels, background images, frame and axis visible, pen colours and widths, 3D, walls, etc.
 
Chart display features are those which affect the overall appearance of the Chart. They include those properties and methods that define the colour of the Chart background, Titles and their position, margins, borders and bevels, background images, frame and axis visible, pen colours and widths, 3D, walls, etc.
  
Line 13: Line 23:
 
Some of these elements will affect the 'look' of your Chart. These include Series colours and mark characteristics, individual Axis and Grid display methods and labelling. These will be dealt with in later tutorials dedicated to the specific role of these features.
 
Some of these elements will affect the 'look' of your Chart. These include Series colours and mark characteristics, individual Axis and Grid display methods and labelling. These will be dealt with in later tutorials dedicated to the specific role of these features.
  
=== Getting started with Chart display methods ===
+
== Getting started with Chart display methods ==
  
==== General Chart methods ====
+
=== General Chart methods ===
  
 
General options include Print Preview and Chart Export (See later Tutorials on Printing and Exporting Charts) plus the 3 following sections:
 
General options include Print Preview and Chart Export (See later Tutorials on Printing and Exporting Charts) plus the 3 following sections:
Line 21: Line 31:
 
''Margins(%)<br /> Zoom<br /> Scroll''
 
''Margins(%)<br /> Zoom<br /> Scroll''
  
See the [tutorial8.htm Zoom and Scroll tutorial] for more information about scrolling.
+
See the [[Java for Android Tutorial 8 |  Zoom and Scroll] tutorial for more information about scrolling.
  
 
Series' Add method
 
Series' Add method
Line 29: Line 39:
 
Related runtime methods are:
 
Related runtime methods are:
  
  chart.getPanel().setMarginBottom();
+
  tChart1.getPanel().setMarginBottom();
 
+
  tChart1.getPanel().setMarginLeft();
  chart.getPanel().setMarginLeft();
+
  tChart1.getPanel().setMarginRight();
 
+
  tChart1.getPanel().setMarginTop();
  chart.getPanel().setMarginRight();
+
 
+
  chart.getPanel().setMarginTop();
+
 
+
 
+
  
==== Axis Methods ====
+
=== Axis Methods ===
  
 
Control of the axes is quite an involved area at its highest level of intricacy and is dealt with in greater depth in a later tutorial dedicated to [tutorial4.htm Axis Control]. Here we will cover the fundamentals of Axis and Frame display.
 
Control of the axes is quite an involved area at its highest level of intricacy and is dealt with in greater depth in a later tutorial dedicated to [tutorial4.htm Axis Control]. Here we will cover the fundamentals of Axis and Frame display.
  
There are 5 principal axes in the Chart. Left, Top, Right, Bottom and Depth. The Chart Frame displays as a surround to the Chart's plottable area and has no data corresponding features (See BackWall). The Depth initialises by default as not Visible. All other Axes are visible from the moment that a Series is added to the Chart and associated with those Axes (Left and Bottom as default). Custom Axes may be added/removed by by code. For a Custom Axis to be visible (as for any other Axis) a Series must be associated with the Axis. See the <span style="background: yellow">[tutorial4.htm#AdditionalAxes Axis tutorial] for more about Custom axes.
+
There are 5 principal axes in the Chart. Left, Top, Right, Bottom and Depth. The Chart Frame displays as a surround to the Chart's plottable area and has no data corresponding features (See BackWall). The Depth initialises by default as not Visible. All other Axes are visible from the moment that a Series is added to the Chart and associated with those Axes (Left and Bottom as default). Custom Axes may be added/removed by by code. For a Custom Axis to be visible (as for any other Axis) a Series must be associated with the Axis. See the [[Java for Android Tutorial 4 | Axis tutorial]] for more about Custom axes.
  
 
The key methods to enable display of axes and frame are:
 
The key methods to enable display of axes and frame are:
Line 63: Line 68:
 
  chart.getAxes().getLeft().setVisible(false);
 
  chart.getAxes().getLeft().setVisible(false);
  
==== Chart Headers ====
+
=== Chart Headers ===
  
 
Header methods control the characteristics of the Chart Titles: Header and Footer.
 
Header methods control the characteristics of the Chart Titles: Header and Footer.
Line 102: Line 107:
  
 
  chart.getChart().getHeader().setCustomPosition(true);
 
  chart.getChart().getHeader().setCustomPosition(true);
 
 
  chart.getChart().getHeader().setTop(30);
 
  chart.getChart().getHeader().setTop(30);
  
Line 147: Line 151:
 
<br />
 
<br />
  
==== Legend Methods ====
+
=== Legend Methods ===
  
<span><font size="10.0pt">Legend</font><span><font size="10.0pt"> contents are dealt with in a later tutorial. In the Legend page of the Chart Editor you may define appearance aspects of the Legend. Important initial steps are to know how to control Legend alignment and visible methods, colour, font, frame, shadow, etc..</font>
+
Legend contents are dealt with in a later tutorial. In the Legend page of the Chart Editor you may define appearance aspects of the Legend. Important initial steps are to know how to control Legend alignment and visible methods, colour, font, frame, shadow, etc..
  
 
'''Style'''<br /> Toggle On/Off Legend display and set Legend display content characteristics (inclusion of Checkboxes, etc).
 
'''Style'''<br /> Toggle On/Off Legend display and set Legend display content characteristics (inclusion of Checkboxes, etc).
Line 166: Line 170:
  
 
  chart.getLegend().getDividingLines().setVisible(true);
 
  chart.getLegend().getDividingLines().setVisible(true);
 
 
  chart.getLegend().getDividingLines().setColor(Color.Blue);
 
  chart.getLegend().getDividingLines().setColor(Color.Blue);
  
Line 186: Line 189:
  
 
  chart.getLegend().setTopLeftPos(20);
 
  chart.getLegend().setTopLeftPos(20);
 
 
  
 
'''Symbols'''<br /> Size and formatting of the Legend symbols.
 
'''Symbols'''<br /> Size and formatting of the Legend symbols.
Line 199: Line 200:
  
 
  chart.getLegend().setColorWidth(40);
 
  chart.getLegend().setColorWidth(40);
 
 
  
 
'''Format'''<br /> Contains the settings for the Title box, e.g. Frame, Background colour, etc.
 
'''Format'''<br /> Contains the settings for the Title box, e.g. Frame, Background colour, etc.
 
''''
 
  
 
''E.g. Shadow''<br /> Methods for the display of the Legend box Shadow. You may define the colour and size.
 
''E.g. Shadow''<br /> Methods for the display of the Legend box Shadow. You may define the colour and size.
Line 219: Line 216:
  
 
  chart.getLegend().setColor(Color.blue);
 
  chart.getLegend().setColor(Color.blue);
 
 
  chart.getLegend().getFont().setName("Times New Roman");
 
  chart.getLegend().getFont().setName("Times New Roman");
 
 
  chart.getLegend().getFont().setColor(Color.yellow);
 
  chart.getLegend().getFont().setColor(Color.yellow);
  
Line 228: Line 223:
 
Enable/disable a Background Gradient in the Legend box.
 
Enable/disable a Background Gradient in the Legend box.
  
 
+
=== Panel Methods ===
 
+
==== Panel Methods ====
+
  
 
The TeeChart Panel class allows you to set parameters which can greatly enhance the appearance of the Chart.
 
The TeeChart Panel class allows you to set parameters which can greatly enhance the appearance of the Chart.
Line 253: Line 246:
  
 
  if (jFileChooser1.accept(jFileChooser1.getSelectedFile()))
 
  if (jFileChooser1.accept(jFileChooser1.getSelectedFile()))
 
 
  chart.getBackgroundImage().loadFromFile(jFileChooser1.getSelectedFile());
 
  chart.getBackgroundImage().loadFromFile(jFileChooser1.getSelectedFile());
  
Line 275: Line 267:
 
  chart.getPanel().getGradient().setVisible(true);
 
  chart.getPanel().getGradient().setVisible(true);
  
 
+
=== Paging Methods ===
 
+
==== Paging Methods ====
+
  
 
TeeChart paging allows a Chart to be divided into a set number of points per page and for the Chart to be leafed through. See the Paging tutorial for more information.
 
TeeChart paging allows a Chart to be divided into a set number of points per page and for the Chart to be leafed through. See the Paging tutorial for more information.
Line 283: Line 273:
  
  
==== Walls Methods ====
+
=== Walls Methods ===
  
 
There are 4 Walls: Left, Right, Bottom and Back, that may be represented in 2D or 3D.
 
There are 4 Walls: Left, Right, Bottom and Back, that may be represented in 2D or 3D.
Line 290: Line 280:
  
 
  chart.getPanel().getGradient().setStartColor(Color.Teal);
 
  chart.getPanel().getGradient().setStartColor(Color.Teal);
 
 
  chart.getPanel().getGradient().setEndColor(Color.SkyBlue);
 
  chart.getPanel().getGradient().setEndColor(Color.SkyBlue);
 
 
  chart.getPanel().getGradient().setDirection(LinearGradientMode.HORIZONTAL);
 
  chart.getPanel().getGradient().setDirection(LinearGradientMode.HORIZONTAL);
 
 
  chart.getPanel().getGradient().setVisible(true);
 
  chart.getPanel().getGradient().setVisible(true);
  
Line 303: Line 290:
 
See Pen for other characteristics of the Border Pen. You can change these methods to see the result at design time.
 
See Pen for other characteristics of the Border Pen. You can change these methods to see the result at design time.
  
 
+
=== 3D ===
 
+
==== 3D ====
+
  
 
3D is extremely flexible in TeeChart Pro. You have the option to display the Chart as:
 
3D is extremely flexible in TeeChart Pro. You have the option to display the Chart as:
Line 312: Line 297:
 
|- style="mso-yfti-irow: 0; mso-yfti-firstrow: yes"
 
|- style="mso-yfti-irow: 0; mso-yfti-firstrow: yes"
 
| style="padding: .75pt .75pt .75pt .75pt" |
 
| style="padding: .75pt .75pt .75pt .75pt" |
'''<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt">2D</font></font>'''<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt"></font></font>
+
'''2D'''
 
| style="padding: .75pt .75pt .75pt .75pt" |
 
| style="padding: .75pt .75pt .75pt .75pt" |
<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt">Flat Chart, viewed from front</font></font>
+
Flat Chart, viewed from front
 
|- style="mso-yfti-irow: 1"
 
|- style="mso-yfti-irow: 1"
 
| style="padding: .75pt .75pt .75pt .75pt" |
 
| style="padding: .75pt .75pt .75pt .75pt" |
'''<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt">3D Orthogonal</font></font>'''<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt"></font></font>
+
'''3D Orthogonal'''
 
| style="padding: .75pt .75pt .75pt .75pt" |
 
| style="padding: .75pt .75pt .75pt .75pt" |
<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt">3D represented by vectored Lines to indicate depth</font></font>
+
3D represented by vectored Lines to indicate depth
 
|- style="mso-yfti-irow: 2; mso-yfti-lastrow: yes"
 
|- style="mso-yfti-irow: 2; mso-yfti-lastrow: yes"
 
| style="padding: .75pt .75pt .75pt .75pt" |
 
| style="padding: .75pt .75pt .75pt .75pt" |
'''<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt">3D Native Windows</font></font>'''<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt"></font></font>
+
'''3D Native Windows'''
 
| style="padding: .75pt .75pt .75pt .75pt" |
 
| style="padding: .75pt .75pt .75pt .75pt" |
<font face="&quot;Verdana&quot;,&quot;sans-serif&quot;"><font size="9.0pt">3D using 3D Canvas with 360� Chart rotation</font></font>
+
3D using 3D Canvas with 360º Chart rotation
 
|}
 
|}
  
Line 344: Line 329:
  
 
The Orthogonal Option, when disabled, enables Windows Native 3D mode allowing you to Rotate, Elevate and offset the Chart. The Zoom option allows you to bring forward or move away the whole Chart. Zooming internally in the Chart on Data Series is still available at runtime.
 
The Orthogonal Option, when disabled, enables Windows Native 3D mode allowing you to Rotate, Elevate and offset the Chart. The Zoom option allows you to bring forward or move away the whole Chart. Zooming internally in the Chart on Data Series is still available at runtime.
 +
 +
<br />
 +
----
 +
 +
<center>
 +
 +
{| width="359" cellpadding="7"
 +
| width="42%" bgcolor="#ffffff" valign="TOP" |
 +
<font size="2">
 +
 +
</font>[[Java for Android Tutorial 1|PREVIOUS]]
 +
| width="58%" bgcolor="#ffffff" valign="TOP" |
 +
<font size="2">
 +
 +
</font>[[Java for Android Tutorial 3|NEXT]]
 +
|}
 +
 +
</center>
 +
----
 +
© 1998-{{CURRENTYEAR}} Steema Software SL. All rights reserved.

Latest revision as of 12:08, 29 April 2016

Java android.png

Contents page
Previous | Next

Tutorial 2 - Chart display methods


Chart display features are those which affect the overall appearance of the Chart. They include those properties and methods that define the colour of the Chart background, Titles and their position, margins, borders and bevels, background images, frame and axis visible, pen colours and widths, 3D, walls, etc.

All of these methods are available via code at runtime.

The overall Chart appearance characteristics are grouped into these categories:

General
Axis
Titles
Legend
Panel
Paging
Walls
3D

Some of these elements will affect the 'look' of your Chart. These include Series colours and mark characteristics, individual Axis and Grid display methods and labelling. These will be dealt with in later tutorials dedicated to the specific role of these features.

Getting started with Chart display methods

General Chart methods

General options include Print Preview and Chart Export (See later Tutorials on Printing and Exporting Charts) plus the 3 following sections:

Margins(%)
Zoom
Scroll

See the [[Java for Android Tutorial 8 | Zoom and Scroll] tutorial for more information about scrolling.

Series' Add method

Margins

Margins are defined as the distance between the Chart Border and the Chart Frame and are expressed as a percentage of the overall dimensions of the Chart Panel.

Related runtime methods are:

tChart1.getPanel().setMarginBottom();
tChart1.getPanel().setMarginLeft();
tChart1.getPanel().setMarginRight();
tChart1.getPanel().setMarginTop();

Axis Methods

Control of the axes is quite an involved area at its highest level of intricacy and is dealt with in greater depth in a later tutorial dedicated to [tutorial4.htm Axis Control]. Here we will cover the fundamentals of Axis and Frame display.

There are 5 principal axes in the Chart. Left, Top, Right, Bottom and Depth. The Chart Frame displays as a surround to the Chart's plottable area and has no data corresponding features (See BackWall). The Depth initialises by default as not Visible. All other Axes are visible from the moment that a Series is added to the Chart and associated with those Axes (Left and Bottom as default). Custom Axes may be added/removed by by code. For a Custom Axis to be visible (as for any other Axis) a Series must be associated with the Axis. See the Axis tutorial for more about Custom axes.

The key methods to enable display of axes and frame are:

Visible
This checkbox enables or disables display of all axes. If the Back wall Frame is visible then the Chart surround is still visible when the axes are hidden. The result will be the appearance of a larger Chart as no area is reserved for the axis labels. The Visible method for each Axis (Scales tab) overrides the visible characteristic for each Axis. If you select the Depth Axis in the List then you will note that Depth Axis Scales::Visible is by default 'not visible'.

Runtime

e.g.

chart.getAxes().setVisible(true);

Axis: Left, Right, Top, Bottom and Depth Visible
Select the Axis that you wish to display or hide in the Listbox and toggle the Visible checkbox on the Scales tab to control the display for that specific axis.

Runtime

e.g.

chart.getAxes().getLeft().setVisible(false);

Chart Headers

Header methods control the characteristics of the Chart Titles: Header and Footer.

Runtime:

The Chart Header Text is a String array. You may add several lines to the Header:

e.g.

chart.getHeader().setLines(new String[] {"Welcome to","TeeChart","for Android"});

HeaderText.jpg

You may then modify lines of text:

e.g.

chart.getHeader().getLines()[0]="my Chart Title";

or, to set the one line of a one line header:

chart.getChart().getHeader().setText("Title revised");


Style Alignment
Alignment refers to the Header (or Footer) alignment with respect to the Chart area NOT the overall Chart Panel. The Chart area is the plottable area of the Chart plus the Axis Labels and Legend.

Runtime:

chart.getChart().getHeader().setAlignment(StringAlignment.CENTER);


Position
Use Position to override the Header or Footer default position and set a custom position (pixels relation to Chart Top, Left).

Runtime:

chart.getChart().getHeader().setCustomPosition(true);
chart.getChart().getHeader().setTop(30);


Format
Contains the settings for the Header box, e.g. Frame, Background colour, etc.

E.g. fill colour with transparency
Setting a colour to display behind the text and varying the transparency of the fill.

For example:

The default is Clear. The selected Pattern will sit behind the Text.

Runtime:

e.g.

chart.getHeader().setText("Line Series");
chart.getHeader().getFont().setSize(14);
chart.getHeader().setTransparent(false);
chart.getHeader().getBrush().setColor(Color.YELLOW);
chart.getHeader().setTransparency(50);


Text
Contains the Title Text appearance formatting characteristics.

E.g. Font

chart.getFooter().getFont().setName("Times New Roman");
chart.getFooter().getFont().setBold(true);

Outline
Outline refers to the Frame for the Header or Footer. By default it is set to Visible off. The Outline options derive from TChartPen.

Gradient

Enable/disable a Background Gradient in the Title box and set the start and end colours.

chart.getHeader().getGradient().setVisible(true);
chart.getHeader().getGradient().setStartColor(Color.YELLOW);
chart.getHeader().getGradient().setEndColor(Color.WHITE_SMOKE);


Legend Methods

Legend contents are dealt with in a later tutorial. In the Legend page of the Chart Editor you may define appearance aspects of the Legend. Important initial steps are to know how to control Legend alignment and visible methods, colour, font, frame, shadow, etc..

Style
Toggle On/Off Legend display and set Legend display content characteristics (inclusion of Checkboxes, etc).

Runtime:

Example using a Checkbox to control Legend display.

chart.getLegend().setVisible(jCheckBox2.isSelected());

Dividing Lines
Used to draw lines within the Legend box between the Legend entries. TChartPen methods apply.

Runtime:

e.g.

chart.getLegend().getDividingLines().setVisible(true);
chart.getLegend().getDividingLines().setColor(Color.Blue);

Position
Sets the default display position or enables custom positioning of the Legend. TChart will change the shape of the Legend to fit the location. If the Legend is set to the side (left or right) of the Chart the contents of the Legend, by default, sit as a list from top to bottom. If the Legend sits below or above the Chart then the Legend contents are placed side by side. The default behaviour may be overridden by using the Resize Chart option and/or by using Custom positioning. See the [tutorial5.htm Legend tutorial] for more about custom positioning of the Legend.

E.g. ResizeChart
Resize Chart defines whether or not the Chart will leave space for the Legend when it paints. This allows the Legend to be placed within the Chart area.

Runtime:

e.g.

chart.getLegend().setResizeChart(true);

%Top position
Defines the Legend box displacement from the top of the Chart Panel.

Runtime:

e.g.

chart.getLegend().setTopLeftPos(20);

Symbols
Size and formatting of the Legend symbols.


%Color width
Defines the width of the colour boxes within the Legend.

Runtime:

e.g.

chart.getLegend().setColorWidth(40);

Format
Contains the settings for the Title box, e.g. Frame, Background colour, etc.

E.g. Shadow
Methods for the display of the Legend box Shadow. You may define the colour and size.

Runtime:

e.g.

chart.getLegend().getShadow().setColor(Color.Yellow);

Text
Text characteristics for the Legend text contents.

Runtime

chart.getLegend().setColor(Color.blue);
chart.getLegend().getFont().setName("Times New Roman");
chart.getLegend().getFont().setColor(Color.yellow);

Gradient

Enable/disable a Background Gradient in the Legend box.

Panel Methods

The TeeChart Panel class allows you to set parameters which can greatly enhance the appearance of the Chart.

By now you are familiar with TeeChart methods so we won't run through all of them here. Panel methods may be accessed via the Panel class.

Key areas are:

Background
E.g. Panel Color
Panel colour will paint the whole Chart background with the chosen colour. If you select to view a background Gradient or BackImage they will hide the Panel colour. If you set a Back colour it will replace the Panel colour within the Chart Frame only. You can alter the appearance of the whole Chart at one time by using TeeChart's predefined Themes.

E.g. Overall settings from Theme
(import com.steema.teechart.themes.Theme;) // Black is back Theme Selected

ThemesList.applyTheme(chart.getChart(), 1);

E.g. BackImage
You may select any bitmap (.bmp) file as BackImage. The BackImage may be centred, tiled or stretched on the Chart Panel, or may be restricted to the Chart Frame boundaries.

Runtime:

Use BackImage.LoadFromFile to add a BackImage to a Chart at runtime.

e.g.

if (jFileChooser1.accept(jFileChooser1.getSelectedFile()))
chart.getBackgroundImage().loadFromFile(jFileChooser1.getSelectedFile());


Border
You may define Border independently or in conjunction with the Bevel methods. With Border set to Visible True you will obtain a 'sunken' border effect on the outside of the Chart Panel. Mixing Bevel and Border and manipulating Width gives almost any combination of 3D effects.

E.g. Bevel Inner/Bevel Outer/Width
These methods will produce a variety of 3D effects on the Border of the Chart panel. Modify them at design time to see how they affect the Chart border bevels.


Gradient
To define a Gradient you must select a StartColor and EndColor (plus, optionally MidColor) and enable as Visible the Gradient. The Gradient will cover the whole Chart panel. Gradient direction defines the direction of colour change between Start, Mid and EndColor.

Runtime:

e.g.

chart.getPanel().getGradient().setStartColor(Color.Teal);
chart.getPanel().getGradient().setEndColor(Color.SkyBlue);
chart.getPanel().getGradient().setDirection(LinearGradientMode.HORIZONTAL);
chart.getPanel().getGradient().setVisible(true);

Paging Methods

TeeChart paging allows a Chart to be divided into a set number of points per page and for the Chart to be leafed through. See the Paging tutorial for more information.


Walls Methods

There are 4 Walls: Left, Right, Bottom and Back, that may be represented in 2D or 3D.

Wall methods are accessible via:

chart.getPanel().getGradient().setStartColor(Color.Teal);
chart.getPanel().getGradient().setEndColor(Color.SkyBlue);
chart.getPanel().getGradient().setDirection(LinearGradientMode.HORIZONTAL);
chart.getPanel().getGradient().setVisible(true);

Wall Border
The Border button takes you to the Pen definition for the TChartWall component. This is the same Pen as that available for many other TeeChart objects.

The visible method enables/disables display of the Border. In the case of the BackWall, where axes are Visible, the Wall Border will be hidden behind those axes so you will only see the result of enabling/disabling the Border if you hide some or all axes (e.g. Make axes Top and Right invisible to see the result of toggling the Wall Border visible method e.g. Chart1.BackWall.Pen.Visible := True;).

See Pen for other characteristics of the Border Pen. You can change these methods to see the result at design time.

3D

3D is extremely flexible in TeeChart Pro. You have the option to display the Chart as:

2D

Flat Chart, viewed from front

3D Orthogonal

3D represented by vectored Lines to indicate depth

3D Native Windows

3D using 3D Canvas with 360º Chart rotation

Editor options:

3 Dimensions
Selecting this method (toggling) will change the Chart from a 3D to a 2D Chart in design time and the setting will take effect for runtime.

3D %
Controls the depth of the 3D effect. Changing the value of this method will show you at design time the effect of changing the 3D percentage.

Runtime methods are:

3D visible

chart.getGraphics3D().getAspect().setView3D(true);

3D%

chart.getGraphics3D().getAspect().setChart3DPercent();

The Orthogonal Option, when disabled, enables Windows Native 3D mode allowing you to Rotate, Elevate and offset the Chart. The Zoom option allows you to bring forward or move away the whole Chart. Zooming internally in the Chart on Data Series is still available at runtime.



PREVIOUS

NEXT


© 1998-2019 Steema Software SL. All rights reserved.