Common chart properties

Below you will find in-depth user information about each property, what it does and how it can be applied

Common properties are about properties that appear in most chart types. They are bundled in one single article for your reference and convenience.


 

 

GENERAL

1 Position and Size

1.1 Position Chart Area

1.2 Position Plot Area

2 Appearance

2.1 Chart Background

2.2 Plot Background

3 Legend

3.1 Background

4 Symbol

5 Labels

5.1 Number Format

5.2 Character

5.3 Paragraph

5.4 Shadow

5.5 Background

6 Axes and Grid

6.1 Line

6.2 Ticks and Grid

6.3 Major Ticks and Grid

6.4 Minor Ticks and Grid

6.5 Categorical Axis

6.6 Numerical Axis

6.7 Datetime Axis

 

 

 

Position and Size >

 

 


POSITION CHART AREA

Position

Datylon for Illustrator only. 
Displays the position of the chart on the artboard. Changing position should be done with Illustrator controls.

Helpcenter-Properties-Shared-Position_and_margins-Position
Size Displays the size of the chart area. Disabled. Changing the size of the chart should be done by dragging the chart box controls or via the illustrator controls.

Back to top

 

 

POSITION PLOT AREA

Fixed Position > Margins

Chart area = Plot Area + Margins

Margins set the position of the Plot Area within the Chart Area.

You can change all sides in on go, or set each side separately by clicking the cogwheel first.

Helpcenter-Properties-Shared-Margins-Margins
Auto-Fit > Spacing

Chart area = Plot Area + Labels + Spacing

Auto-fit takes into account labels, ticks or other chart elements that fall out of of plot area. 

Helpcenter-Properties-Shared-Margins-Spacing

Back to top

 

 

 

Appearance >

 

 


CHART BACKGROUND

Color Sets the color of the Chart Area background. All color properties like Opacity or Gradient can be applied.  Helpcenter-Properties-Shared-Appearence-Chart_Background-Color
Stroke

Sets the stroke color and weight around the Chart Area.

You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Shared-Appearance-Chart_Background-Stroke
Corner Radius

Applies rounded corners to the Chart Background.

Separate settings for each corner can be applied clicking the cogwheel.

Helpcenter-Properties-Shared-Appearance-Chart_Background-Corner_Radius

Back to top

 

 

 

PLOT BACKGROUND

Color

Sets the color of the Plot Area background.

All color properties like Opacity or Gradient can be applied. 

Helpcenter-Properties-Shared-Appearance-Plot_Background-Color
Stroke

Sets the stroke color and weight around the Plot Area.

You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Shared-Appearance-Plot_Background-Stroke

Corner Radius

Applies rounded corners to the Plot Background.

Separate settings for each corner can be applied clicking the cogwheel.

Helpcenter-Properties-Shared-Appearance-Plot_Background-Corner_radius

Back to top

 

 

 

Legend >

 

Position Sets the X and Y position of the left upper corner of the legend relative the left upper corner of the Chart Area. Helpcenter-Properties-Shared-Legend-Position
Direction

Sets the direction of the legend elements (one element =  the symbol + the label), distributed into rows or columns.

Columns, Rows

Helpcenter-Properties-Shared-Legend-Direction
Columns/ Rows Sets the amount of rows or columns Helpcenter-Properties-Shared-Legend-Columns_and_Rows

Horizontal Spacing

Applies horizontal spacing between the legend elements. Helpcenter-Properties-Shared-Legend-Horizontal_Spacing
Vertical Spacing Applies vertical spacing between the legend elements. Helpcenter-Properties-Shared-Legend-Vertical_spacing

Back to top

 

 

 

BACKGROUND

Padding

The default legend background is set by the outer boundaries of the elements.

Padding applies extra space around the legend background.

Padding for each side separately can be applied clicking the cogwheel.

Helpcenter-Properties-Legend-Background-Padding
Color

Sets the color of the legend background.

All color properties like Opacity or Gradient can be applied. 

Helpcenter-Properties-Legend-Background-Color
Stroke

Sets a stroke color and weight around the legend background.

You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Legend-Background-Stroke
Corner Radius

Applies rounded corners to the legend background.

Separate settings for each corner can be applied clicking the cogwheel.

Helpcenter-Properties-Legend-Background-Corner_Radius

Back to top

 

 

 

Symbols >

 

Icon

Sets the icon type. Available options:

Circle Solid, Circle Outline, Hexagon Solid, Hexagon Outline, 

Star Solid, Star Outline, Man, Woman, 

Square Solid, Square Outline, Triangle Solid, Triangle Outline, 

Wye Solid, Wye Outline, Cross Solid, Cross Outline, 

Diamond Solid, Diamond Outline.

Values in brackets after the icon type indicate the original ratio of each icon.

Helpcenter-Properties-Shared-Symbol-Icon
Color

Sets the color of the icon

Helpcenter-Properties-Shared-Symbol-Color
Stroke

Sets the stroke color and weight of the icon. You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Shared-Symbol-Stroke
Size

Sets Width and Height of the icon.

Width and Height ratio is maintained when link is enabled.

Helpcenter-Properties-Shared-Symbol-Size
Shadow

Available in Datylon web app only.


Adds shadow for the given element. ColorX and Y offset and Blur are available for editing.

Helpcenter-Properties-Shared-Shadows-Symbols

Back to top

 

 

 

Labels >

 

Data Mark Anchor (available in certain charts) Sets the reference point for all label alignment and offset properties Helpcenter-Properties-Shared-Data_Label-Data_Mark_Anchor_Point
Layering (available in certain charts) Places labels either on the top of all data marks or groups it with the data mark it is related to. Helpcenter-Properties-Shared-Data_Mark-Layering
Horizontal Alignment Aligns the label left, centered or right relative to the data point or relative to the data mark anchor if data marks are shown. Helpcenter-Properties-Shared-Labels-Horizontal_Alignment
Vertical Alignment Aligns the label top, centered or bottom relative to the data point or relative to the data mark anchor if data marks are shown. Helpcenter-Properties-Shared-Labels-Vertical_Alignment
Horizontal Offset Sets the position of the label horizontally. Enter positive value to move to the right. Enter negative value to move to the left. Helpcenter-Properties-Shared-Labels-Horizontal_offset
Vertical Offset Sets the position of the label vertically. Enter positive value to move up. Enter negative value to move down. Helpcenter-Properties-Shared-Labels-Vertical_Offset
Rotation

Rotates the label around the anchor point.

A positive value rotates counterclockwise. A negative value clockwise.

Helpcenter-Properties-Shared-Labels-Rotation
Prefix

Adds a prefix to all legend labels.

Consecutive spaces are ignored. 

Helpcenter-Properties-Shared-Labels-Prefix
Suffix

Adds a suffix to all legend labels.

Consecutive spaces are ignored. 

Helpcenter-Properties-Shared-Labels-Suffix

Back to top

 

 

 

NUMBER FORMAT

Decimal Separator Sets the sign that will be used as a decimal separator. By default it is set to “.” Helpcenter-Properties-Shared-Number_Format-Decimal_Separator
Thousand Separator Sets the sign that will be used as a thousand separator. Helpcenter-Properties-Shared-Number_Format-Thousand_separator
Short Notation

Converts the label using metric suffixes:

Nano, Micro, Milli, Kilo, Mega, Giga

Helpcenter-Properties-Shared-Number_Format-Short_Notation
Precision

Sets the number of digits that will be shown after the decimal separator.

If omitted the number of digits will be shown as it is represented in the data.

Helpcenter-Properties-Shared-Number_Format-Precision
Add Plus Adds a plus or minus sign in front of positive values. Helpcenter-Properties-Shared-Number_Format-Add_plus
Absolute Values Coverts any value to a positive value. Helpcenter-Properties-Shared-Number_Format-Absolute_Values

Back to top

 

 

 

CHARACTER

Typeface

Sets font style, color and size. When clicking the cogwheel one has two text decoration options: crossed text and underlined text.

See more on fonts here.

Helpcenter-Properties-Shared-Character-Typeface
Tracking

Sets the amount of tracking in the labels.

Tracking is the spacing between characters in the label text.

The value can either be positive or negative. "0" is the default tracking value. 

Helpcenter-Properties-Shared-Character-Tracking

Back to top

 

 

 

PARAGRAPH

Width Sets the maximum paragraph width. Helpcenter-Properties-Shared-Paragraph-Width
Horizontal Align Aligns the paragraph on the left, centered or on the right. Helpcenter-Properties-Shared-Paragraph-Horizontal_align
Justify Aligns all the text with both edges excluding the last line. Helpcenter-Properties-Shared-Paragraph-Justify
Leading

Sets spacing between adjacent lines of text.

"0" will make the lines fall on top of each other. "1" is the default leading. 

Helpcenter-Properties-Shared-Paragraph-Leading

Back to top

 

 

 

SHADOW

Shadow

Available in Datylon web app only.


Adds shadow to a given element. ColorX and Y offset and Blur are available for editing.

Helpcenter-Properties-Shared-Shadows-Labels

Back to top

 

 

 

BACKGROUND

Size

Sets the size of the label background.

If omitted, the size of the boundaries of the label text is taken by default.

Helpcenter-Properties-Shared-Background-Size
Padding

Adds padding to the label background.

Padding for each side separately can be applied clicking the cogwheel.

Helpcenter-Properties-Shared-Background-Padding
Color

Sets the color of background rectangle. 

All color properties like Opacity or Gradient can be applied.

Helpcenter-Properties-Shared-Background-Color
Stroke

Sets the stroke color and weight around the label background.

You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Shared-Background-Stroke
Corner Radius

Applies rounded corners to the label background.

Separate settings for each corner can be applied clicking the cogwheel.

Helpcenter-Properties-Shared-Background-Corner_Radius_

Back to top

 

Axes and Grid >

 

LINE

Stroke Sets the color, weight and dashed line properties of line stroke. Helpcenter-Properties-Shared-Categorical_Axis-Line-Stroke

Back to top

 

TICKS AND GRID

Interval Sets the interval between neighbor ticks and grids. Helpcenter-Properties-Shared-Categorical_Axis-Ticks_and_grid-Interval
Ticks > Length Sets the length of ticks. Helpcenter-Properties-Shared-Categorical_Axis-Ticks_and_grid-Length
Ticks > Offset Sets the space between the line and the start of the tick. Helpcenter-Properties-Shared-Categorical_Axis-Ticks_and_grid-Offset
Ticks > Stroke Sets the color, weight and dashed line properties of the tick stroke. Helpcenter-Properties-Shared-Categorical_Axis-Ticks_and_grid-Stroke
Gridlines > Above Places the gridline above the chart. Helpcenter-Properties-Shared-Categorical_Axis-Gridlines-Above
Gridlines > Between Places the gridline in the middle between data points. Helpcenter-Properties-Shared-Categorical_Axis-Gridlines-Between
Gridlines > Stroke £ Sets the color, weight and dashed line properties of the gridline stroke. Helpcenter-Properties-Shared-Categorical_Axis-Gridlines-Stroke

Back to top

 

MAJOR TICKS AND GRID 

Custom Ticks Amount > Ticks Interval Sets the interval between neighbor ticks and grids. Helpcenter-Properties-Shared-Numerical_Axis-Major_ticks_and_grid-Ticks_interval
Custom Ticks Amount > Starting Tick Sets the starting tick and corresponding grid. Helpcenter-Properties-Shared-Numerical_Axis-Major_ticks_and_grid-Starting_Tick
Ticks > Length Sets the length of ticks. Helpcenter-Properties-Shared-Numerical_Axis-Ticks_Lenght
Ticks > Offset Sets the space between the line and the start of the tick. Helpcenter-Properties-Shared-Numerical_Axis-Ticks-Offset
Ticks > Stroke Sets the color, weight and dashed line properties of the tick stroke. Helpcenter-Properties-Shared-Numerical_Axis-Ticks-Stroke
Gridlines > Above Places the gridline above the chart. Helpcenter-Properties-Shared-Numerical_Axis-Gridlines-Above
Gridlines > Stroke Sets the color, weight and dashed line properties of the gridline stroke. Helpcenter-Properties-Shared-Numerical_Axis-Gridlines-Stroke

Back to top

 

MINOR TICKS AND GRID

Amount Sets the number of minor ticks that will be placed between major ticks. Helpcenter-Properties-Shared-Numerical_Axis-Minor_Ticks-Amount
Ticks > Length Sets the length of ticks. Helpcenter-Properties-Shared-Numerical_Axis-Minor_Ticks-Length
Ticks > Offset Sets the space between the line and the start of the tick. Helpcenter-Properties-Shared-Numerical_Axis-Minor_Ticks-Offset
Ticks > Stroke Sets the color, weight and dashed line properties of the tick stroke. Helpcenter-Properties-Shared-Numerical_Axis-Minor_Ticks-Stroke
Gridlines > Above Places the gridline above the chart. Helpcenter-Properties-Shared-Numerical_Axis-Minor_Ticks-Gridlines-Above
Gridlines > Stroke Sets the color, weight and dashed line properties of the gridline stroke. Helpcenter-Properties-Shared-Numerical_Axis-Minor_Ticks-Gridlines-Stroke

Back to top

 

CATEGORICAL AXIS

Locate at Zero Places axis on the zero position of the other axis. Helpcenter-Properties-Shared-Categorical_Axis-Locate_at_zero
Flip Location Moves the axis to the other side of the chart area. From bottom to top or from right to left. Helpcenter-Properties-Shared-Numerical_Axis-Flip_Location
Offset Moves the axis away from the plot area. Helpcenter-Properties-Shared-Categorical_Axis-Offset
Outer Padding Adds outer padding on both sides of the chart. Chart is squashed inside. Helpcenter-Properties-Shared-Categorical_Axis-Outer_padding
Jitter (available in Scatter Plot) Diffuses data marks randomly at a distance between 0 and selected value Helpenter-Properties-Scatter-plot-Axes-Jitter
Sorting (available in certain charts) Sorts axis in certain order:
None, Ascending, Descending, Reverse
Helpcenter-Properties-Shared-Axis-Sorting

Back to top

 

NUMERICAL AXIS

Locate at Zero

(available in certain charts)

Places axis on the zero position of the other axis. Helpcenter-Properties-Shared-Numerical_Axis-Locate_at_zero
Flip Location £ Moves the axis to the other side of the chart area. From bottom to top, from right to left. Helpcenter-Properties-Shared-Numerical_Axis-Flip_Location
Offset Moves the axis away from the plot area. Helpcenter-Properties-Shared-Categorical_Axis-Offset

Scale

(available in certain charts)

Sets the scale of axis:

Linear or Logarithmic.

Helpcenter-Properties-Shared-Numerical_Axis-Scale

Constant

(available in certain charts)

Logarithmic scale only. Sets the constant of a logarithmic scale. Helpcenter-Properties-Shared-Numerical_Axis-Constant
Reverse Sorts axis values either ascending if checkbox is off or descending if the checkbox is on. Helpcenter-Properties-Shared-Numerical_Axis-Reverse
Min Value Sets the minimum shown value on the axis. Should be smaller than the minimal value from data. Helpcenter-Properties-Shared-Numerical_Axis-Min_Value
Max Value Sets the maximum shown value on the axis. Should be bigger than the maximum value from data. Helpcenter-Properties-Shared-Numerical_Axis-Max_Value
Hide Zero Hide Ticks, Gridlines and Labels that are connected with 0 on the axis. Helpcenter-Properties-Shared-Numerical_Axis-Hide_zero

Back to top

 

DATETIME AXIS

Locate at zero Places axis on the level of 0 of the other axis. Helpcenter-Properties-Shared-Categorical_Axis-Locate_at_zero
Flip Location Moves the axis to the other side of the chart area. From bottom to top, form right to left and vice versa. Helpcenter-Properties-Shared-Numerical_Axis-Flip_Location
Offset Moves the axis away from the plot area. Helpcenter-Properties-Shared-Categorical_Axis-Offset
Reverse Sorts axis values either ascending if checkbox is off or descending if the checkbox is on. Helpcenter-Properties-Shared-Datetime_Axis-Reverse
Min Value Sets the minimum shown value on the axis. Should be smaller than the minimal value from data. Helpcenter-Properties-Shared-Datetime_Axis-Min_Value
Max Value Sets the maximum shown value on the axis. Should be bigger than the maximum value from data. Helpcenter-Properties-Shared-Datetime_Axis-Max_Value
Time Format Set the format of date representation. For all the details about time format options see https://help.datylon.com/date Helpcenter-Properties-Shared-Datetime_Axis-Time_format