1. Help Center
  2. Datylon Chart Properties

Datylon Pie chart properties

Learn more about the different properties of a Datylon pie chart

Many properties in the DATA section can be set overall for the whole chart, but also separately on data point level. See data point styling for more details.

Styling tab


General

1 Position and Margins

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

3.2 Symbols

3.3 Labels

Data

4 Pie

4.1 Inner Radius

5 Slices

6 Category Labels

6.0.1 Connector

6.1 Character

6.2 Paragraph

6.3 Background

7 Value Labels

7.0.1 Connector

7.1 Number Format

7.2 Character

7.3 Paragraph

7.4 Background

 


GENERAL


Position and Margins >


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.

 

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

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

 

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

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

 

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

 

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.

Helpcenter-Properties-Shared-Symbol-Icon
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

 

LABELS

Horizontal Alignment Aligns the label left, centered or right relative to an anchor position situated at the mid-right side of the icon. Helpcenter-Properties-Shared-Labels-Horizontal_Alignment
Vertical Alignment Aligns the label top, centered or bottom relative to an anchor position situated at the mid-right side of the icon. 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 Changes the position of the label vertically. Enter positive value to move to the top. Enter negative value to move to the bottom Helpcenter-Properties-Shared-Labels-Vertical_Offset
Rotation

Changes the rotation of the label around the anchor point set in Horizontal and Vertical Offset.

A positive value rotates counterclockwise. A negative value clockwise.

Helpcenter-Properties-Shared-Labels-Rotation
Prefix Adds a prefix to all legend labels. Helpcenter-Properties-Shared-Labels-Prefix
Suffix Adds a suffix to all legend labels. Helpcenter-Properties-Shared-Labels-Suffix
Character > Typeface

Sets font styles, its color, size and two text decoration options: crossed text and underlined text.

See more on fonts here.

Helpcenter-Properties-Shared-Character-Typeface
Character > Tracking

Sets the amount of tracking in the legend 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

Paragraph > Width

Sets the maximum paragraph width. Helpcenter-Properties-Shared-Paragraph-Width
Paragraph > Horizontal Align Aligns the paragraph on the left, centered or on the right. Helpcenter-Properties-Shared-Paragraph-Horizontal_align
Paragraph >  Justify

Aligns all the text with both edges excluding the last line.

Helpcenter-Properties-Shared-Paragraph-Justify
Paragraph >  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
Background > Size

Sets the size of the legend label background.

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

Helpcenter-Properties-Shared-Background-Size
Background > Padding

Adds padding to the label background.

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

Helpcenter-Properties-Shared-Background-Padding
Background > Color

Sets the color of background rectangle. 

All color properties like Opacity or Gradient can be applied. 

Helpcenter-Properties-Shared-Background-Color
Background > 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
Background > 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_1


DATA


Many properties in the DATA section can be set overall for the whole chart, but also separately on data point level. See data point styling for more details.

Pie > 

Stroke Circumference

Sets the stroke color and weight around the Pie's circumference.

You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Pie-chart-Pie-Stroke-circumference
Stroke Radial

Sets the stroke color and weight on all slice radiuses. 

You can apply a dashed stroke clicking the cogwheel.

 *Note the difference with Slices > Stroke.

Helpcenter-Properties-Pie-chart-Pie-Stroke-radial
Gap Size

Inserts a gap on either side of the main central axis of the pie.

In degrees (0 to 360). 

Helpcenter-Properties-Pie-chart-Pie-Gap-Size
Rotation

Rotates the pie chart.

In degrees (-360 to 360), positive is clockwise. 

Helpcenter-Properties-Pie-chart-Pie-Rotation
Radius

Sets the radius length of the pie in absolute units (pixel, mm,..).

If omitted, the pie will be rendered to its maximum full size (chart area minus margins or spacing).

If Radius is bound to data in the Binding tab, this property is overruled.
Helpcenter-Properties-Pie-chart-Pie-Radius

 

INNER RADIUS

Inner Radius

Relative and Absolute

Gives the pie chart an inner radius, turning it into a Donut chart. Can be set in % of the radius (relative) or in absolute units.

Helpcenter-Properties-Pie-chart-Pie-Inner-radius

Slices > 

Fill

Sets the fill color of the slices. You can apply a solid fill, a palette fill (categorically and numerically) and no fill. 

If Color is bound to data in the Binding tab, this property is overruled.

 

Helpcenter-Properties-Pie-chart-Slices-Fill
Stroke

Sets the stroke around a slice. You can apply a solid fill, a palette fill and no fill. You can set the stroke weight and apply a dashed stroke via the cog wheel.

If Stroke Color is bound to data in the Binding tab, this property is overruled.

 

Helpcenter-Properties-Pie-chart-Slices-Stroke
Corner Radius Sets rounded corners to the slices. Helpcenter-Properties-Pie-chart-Pie-Corner-radius
Pull

Adds padding between the slices, by pulling the slices away from the center, while keeping the radius.

 

Helpcenter-Properties-Pie-chart-Slices-Pull
Sorting

Sorts the slices based on their value.


None, Ascending, Descending, Reverse

Helpcenter-Properties-Pie-chart-Slices-Sorting
Amount Sets the maximum number of slices and joins the remaining slices in one remaining ‘Other’ slice. Helpcenter-Properties-Pie-chart-Slices-Amount
Other Label Specifies the text of the label of the remaining ‘Other’ slice. Helpcenter-Properties-Pie-chart-Slices-Other-label

 

SHADOW

Shadow

Available in Datylon web app only.
Adds shadow for every slice. Color, X and Y offset and Blur are available for editing

 

Helpcenter-Properties-Pie_Chart-Slices-Shadow

 

Category Labels > 

Anchor Position

Positions the anchor point of the label on different anchor points of the pie chart.

Start, Middle, End, Side



Helpcenter-Properties-Pie-chart-Labels-Anchor-position
Anchor Radius

Defines the position of the labels on the radius of the slice.

In percentages. 0% is in the center, 100% on the circumference of the pie. 

50%, 100%, 120%

 

Helpcenter-Properties-Pie-chart-Labels-Anchor-Radius
Direction

Defines the direction of the label.

Tangential, Radial, Horizontal

 

Helpcenter-Properties-Pie-chart-Labels-Direction
Smart Direction

Automatically adjusts the direction of the labels for optimal readability.



Helpcenter-Properties-Pie-chart-Labels-Smart-direction

Alignment

Specifies the alignment of the label relative to the anchor point.

Useful when having labels with a different amount of lines and applying tangential direction.

Inwards, Center, Outwards



Helpcenter-Properties-Pie-chart-Labels-Alignment
Prefix

Adds a prefix to all category labels.

 

Helpcenter-Properties-Shared-Labels-Prefix
Suffix

Adds a sufix to all category labels.

 

Helpcenter-Properties-Shared-Labels-Suffix
Hide when Zero

If a slice has a value of 0, checking this box will hide the accompanying category label.

See also Values labels > Hide Zero.

Helpcenter-Properties-Pie_chart-Labels-Hide_zero



CONNECTOR
(Only appears when Anchor Position = Side)

Start

Sets the starting point of the connector.

Center, Edge

Helpcenter-Properties-Pie-chart-Labels-Connector-Start
Type

Sets the type of the connector. Only applicable when Start is set to Center

Line, Curve, Elbow

Helpcenter-Properties-Pie-chart-Labels-Connector-Type
Stroke

Sets a stroke color and weight of the connector.

You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Pie-chart-Labels-Connector-Stroke

 

CHARACTER

Typeface

Sets font styles, its color, size and 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

 

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

 

SHADOW

Shadow

Available in Datylon Webapp only.
Adds shadow for every label. Color, X and Y offset and Blur are available for editing

 

Helpcenter-Properties-Pie_Chart-Category_Labels-Shadow

 

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_

Value Labels > 

Anchor Position

Positions the anchor point of the label on different anchor points of the pie chart.

Start, Middle, End, Side

 

Helpcenter-Properties-Pie-chart-Labels-Anchor-position
Anchor Radius

Defines the position of the labels on the radius of the slice.

In percentages. 0% is in the center, 100% on the circumference of the pie. 

50%, 100%, 120%

 

Helpcenter-Properties-Pie-chart-Labels-Anchor-Radius
Direction

Defines the direction of the label

Tangential, Radial, Horizontal

 

Helpcenter-Properties-Pie-chart-Labels-Direction
Smart Direction

Automatically adjusts the direction of the labels for optimal readability.

 

Helpcenter-Properties-Pie-chart-Labels-Smart-direction
Alignment

Specifies the alignment of the label relative to the anchor point.

Useful when having labels with a different amount of lines and applying tangential direction.

Inwards, Center, Outwards

 

Helpcenter-Properties-Pie-chart-Labels-Alignment
Prefix

Adds a prefix to all value labels.

 

Helpcenter-Properties-Shared-Labels-Prefix
Suffix

Adds a suffix to all value labels.

 

Helpcenter-Properties-Shared-Labels-Suffix
Hide Zero

If a slice has a value of 0, checking this box will hide the 0 label. 

See also Category labels > Hide when Zero. 

Helpcenter-Properties-Pie_chart-Labels-Hide_zero

 

CONNECTOR (Only appears when Anchor Position = Side)

Start

Sets the starting point of the connector.

Center, Edge

Helpcenter-Properties-Pie-chart-Labels-Connector-Start
Type

Sets the type of the connector. Only applicable when Start is set to Center

Line, Curve, Elbow

Helpcenter-Properties-Pie-chart-Labels-Connector-Type
Stroke

Sets a stroke color and weight of the connector.

You can apply a dashed stroke clicking the cogwheel.

Helpcenter-Properties-Pie-chart-Labels-Connector-Stroke

 

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 prefixes:

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 shows as it is represented in the data.

 

Helpcenter-Properties-Shared-Number_Format-Precision
Add Plus

Adds plus 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

 

CHARACTER

Typeface

Sets font styles, its color, size and 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

 

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

SHADOW

Shadow

Available in Datylon Webapp only.
Adds shadow for every label. Color, X and Y offset and Blur are available for editing

 

Helpcenter-Properties-Pie_Chart-Value_Labels-Shadow

 

 

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_