Effects

Shading

Shading can be applied to all charts and graphic elements and is activated by colorVariant = shaded. The argument colorVariant is part of numerous xmCHART functions. For example:

AddRect(10;​10;​200;​100;​steelBlue;​shaded)

FillStyle(1;​200 200 0;​shaded)

FillColorScheme(classic;​shaded)

FillColorScale(1;​10;​shaded)

Examples
EFFECTS_01
1

OpenDrawing(450;​100)

2

AddRect( 20;​10;​80;​80;​90 120 90;​shaded)

3

AddRect(135;​10;​80;​80;​86 111 145;​shaded;​10;​0 51 153;​shaded)

4

AddOval(250;​10;​80;​80;​215 101 90;​shaded)

5

AddOval(360;​10;​80;​80;​darkYellow;​shaded;​10;​110 110 110;​shaded)

6

CloseDrawing()

EFFECTS_01
EXAMPLE_02
1

OpenDrawing(450;​180)

2

OpenChart(35;​10;​160;​160;​on)

3

ChartData(10;​ 1 13;​ 5;​ 12 3 9;​ 18;​ 15;​ 14 4;​ 20 19 17;​ 16 7;​ 8;​ 2)

4

BarChart()

5

FillColorScheme(20;​shaded)

6

BorderStyle(all;​;​0.25;​0 0 0 25)

7

AxisOptions(all;​none) /* Hide axes. */

8

MajorGridLineWidths(all;​all;​0.25)

9

CloseChart()

10

OpenChart(250;​10;​160;​160;​on)

11

ChartData(2 3 5 8 27)

12

PieChart(;​6.5;​;​306)

13

FillColorScheme(1;​shaded)

14

BorderStyle(all;​;​0.25;​0 0 0 25)

15

CloseChart()

16

CloseDrawing()

EXAMPLE_02

Glow & Shadow

Glow and shadow effects can be controlled by the arguments shadowEffect and shadowColor. The argument shadowEffect can have up to three values, i.e. the shadow offsets in x and y-direction and the blur radius. By varying these values subtle shadow and glow effects can be achieved. Glow and shadow effects can be added to all charts, texts and graphic elements. For example:

ShadowStyle(all;​3 3 3;​127 127 127 170) /* Default settings. */

ShadowStyle(all;​2 2 4;​gray)

LabelBackground(1;​white;​;​0;​;​;​0 0 10;​darkBlue)

AxisLabelStyle(x;​Arial;​15;​bold;​40 40 40;​;​0;​;​;​;​0 0 3;​darkGray)

AddLine(10;​10;​100;​100;​2.5;​darkRed;​;​0 0 3)

Examples
EXAMPLE_03
1

OpenDrawing(450;​100)

2

AddRect( 20;​20;​110;​60;​86 111 145;​shaded;​0;​;​;​2 2)

3

AddRoundRect(170;​20;​110;​60;​18;​18;​paleGoldenrod;​shaded;​0;​;​;​3 3 10)

4

AddOval(320;​20;​110;​60;​whiteSmoke;​shaded;​0;​;​;​0 0 12;​darkBlue)

5

CloseDrawing()

EXAMPLE_03
EXAMPLE_04
1

OpenDrawing(160;​210)

2

AddPath(M 140 190 /* Move to: xPt yPt */

3

L 140 20 /* Line to: xPt yPt */

4

L 70 20 /* Line to: xPt yPt */

5

A 20 70 50 50 0 0 0 /* Arc to: xEndPt yEndPt xRadius yRadius rotation flags */

6

L 20 190 /* Line to: xPt yPt */

7

Z /* Close (outer path) */

8

M 40 170 L 60 170 L 60 150 L 40 150 Z /* Punch out square. */

9

M 70 160 A 90 160 10 10 0 0 0 A 70 160 10 10 0 0 0 Z /* Punch out circle. */

10

M 100 150 L 120 150 L 110 170 Z;​ /* Punch out triangle. */

11

greenYellow;​shaded;​ /* Fill: color ; colorVariant */

12

2.5;​slateBlue;​shaded;​ /* Border: width ; color ; colorVariant */

13

2 2 5) /* Shadow: xOffset yOffset blurRadius */

14

CloseDrawing()

EXAMPLE_04
EXAMPLE_05
1

OpenDrawing(220;​70)

2

AddText(10;​25;​"こんにちは世界";​ヒラギノ角ゴ Pro W3;​20.5;​3;​slateBlue;​;​;​;​;​;​;​1 1 2;​gray)

3

AddText(10;​60;​"Text with shadow effect";​Times New Roman;​20;​3;​slateBlue;​;​;​;​;​;​;​0 0 1;​gray)

4

CloseDrawing()

EXAMPLE_05
EXAMPLE_06
1

OpenDrawing(200;​200)

2

OpenChart(25;​20;​150;​150;​on)

3

ChartData(5;​6;​8;​3)

4

BarChart(shadow+label;​;​50)

5

BorderStyle(all;​;​0.25;​0 0 0 20)

6

FillStyle(1;​ 232 133 41;​shaded) /* Orange */

7

FillStyle(2;​ 254 42 50;​shaded) /* Red */

8

FillStyle(3;​ 108 200 52;​shaded) /* Green */

9

FillStyle(4;​ 89 50 172;​shaded) /* Indigo */

10

AxisOptions(all;​none) /* Hide axes. */

11

MajorGridLineWidths(all;​all;​0.25)

12

LabelStyle(all;​Verdana;​10.5;​bold;​100 100 100;​center;​;​;​;​;​0 0 2)

13

CloseChart()

14

Background(1 30 1

15

0.0 220 220 220 255

16

0.35 240 240 240 255

17

1.0 220 220 220 255;​;​

18

0) /* Hide border. */

19

CloseDrawing()

EXAMPLE_06
EXAMPLE_07
1

OpenDrawing(200;​200)

2

OpenChart(25;​20;​150;​150;​on)

3

ChartData(1 2 5 4)

4

PieChart(;​;​;​90)

5

BorderStyle(all;​;​0.25;​0 0 0 25)

6

FillStyle(1;​232 133 41;​shaded) /* Orange */

7

FillStyle(2;​254 42 50;​shaded) /* Red */

8

FillStyle(3;​108 200 52;​shaded) /* Green */

9

FillStyle(4;​ 89 50 172;​shaded) /* Indigo */

10

CloseChart()

11

AddOval(30;​175;​140;​10;​2 0.5 0.5

12

0 0 0 0 50

13

1 0 0 0 0) /* Shadow */

14

Background(1 90 0

15

0.0 255 255 255 255

16

0.5 214 232 246 255

17

1.0 206 228 245 255;​;​

18

0) /* Hide border. */

19

CloseDrawing()

EXAMPLE_07
Scroll to Top
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×