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
2 Appearance
3 Legend
Data
4 Pie
5 Slices
6 Category Labels
7 Value Labels
GENERAL
Position and Margins >
POSITION CHART AREA
Position |
Datylon for Illustrator only. |
![]()
|
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. |
![]() |
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. |
![]() |
Appearance >
CHART BACKGROUND
Color | Sets the color of the Chart Area background. All color properties like Opacity or Gradient can be applied. | ![]() |
Stroke |
Sets the stroke color and weight around the Chart Area. You can apply a dashed stroke clicking the cogwheel. |
![]() |
Corner Radius |
Applies rounded corners to the Chart Background. Separate settings for each corner can be applied clicking the cogwheel. |
![]() |
PLOT BACKGROUND
Color |
Sets the color of the Plot Area background. All color properties like Opacity or Gradient can be applied. |
![]() |
Stroke |
Sets the stroke color and weight around the Plot Area. You can apply a dashed stroke clicking the cogwheel. |
![]() |
Corner Radius |
Applies rounded corners to the Plot Background. Separate settings for each corner can be applied clicking the cogwheel. |
![]() |
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. | ![]() |
Direction |
Sets the direction of the legend elements (one element = the symbol + the label), distributed into rows or columns. Columns, Rows |
![]() |
Columns/ Rows | Sets the amount of rows or columns | ![]() |
Horizontal Spacing |
Applies horizontal spacing between the legend elements. | ![]() |
Vertical Spacing | Applies vertical spacing between the legend elements. | ![]() |
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. |
![]() |
Color |
Sets the color of the legend background. All color properties like Opacity or Gradient can be applied. |
![]() |
Stroke |
Sets a stroke color and weight around the legend background. You can apply a dashed stroke clicking the cogwheel. |
![]() |
Corner Radius |
Applies rounded corners to the legend background. Separate settings for each corner can be applied clicking the cogwheel. |
![]() |
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. |
![]() |
Stroke |
Sets the stroke color and weight of the icon. You can apply a dashed stroke clicking the cogwheel. |
![]() |
Size |
Sets Width and Height of the icon. Width and Height ratio is maintained when link is enabled. |
![]() |
LABELS
Horizontal Alignment | Aligns the label left, centered or right relative to an anchor position situated at the mid-right side of the icon. | ![]() |
Vertical Alignment | Aligns the label top, centered or bottom relative to an anchor position situated at the mid-right side of the icon. | ![]() |
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. | ![]() |
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 | ![]() |
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. |
![]() |
Prefix | Adds a prefix to all legend labels. | ![]() |
Suffix | Adds a suffix to all legend labels. | ![]() |
Character > Typeface |
Sets font styles, its color, size and two text decoration options: crossed text and underlined text. See more on fonts here. |
![]() |
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. |
![]() |
Paragraph > Width |
Sets the maximum paragraph width. | ![]() |
Paragraph > Horizontal Align | Aligns the paragraph on the left, centered or on the right. | ![]() |
Paragraph > Justify |
Aligns all the text with both edges excluding the last line. |
![]() |
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. |
![]() |
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. |
![]() |
Background > Padding |
Adds padding to the label background. Padding for each side separately can be applied clicking the cogwheel. |
![]() |
Background > Color |
Sets the color of background rectangle. All color properties like Opacity or Gradient can be applied. |
![]() |
Background > Stroke |
Sets the stroke color and weight around the label background. You can apply a dashed stroke clicking the cogwheel. |
![]() |
Background > Corner Radius |
Applies rounded corners to the label background. Separate settings for each corner can be applied clicking the cogwheel. |
![]() |
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. |
![]() |
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. |
![]() |
Gap Size |
Inserts a gap on either side of the main central axis of the pie. In degrees (0 to 360). |
![]() |
Rotation |
Rotates the pie chart. In degrees (-360 to 360), positive is clockwise. |
![]() |
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. |
![]() |
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. |
![]() |
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.
|
![]() |
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.
|
![]() |
Corner Radius | Sets rounded corners to the slices. | ![]() |
Pull |
Adds padding between the slices, by pulling the slices away from the center, while keeping the radius.
|
![]() |
Sorting |
Sorts the slices based on their value. None, Ascending, Descending, Reverse |
![]() |
Amount | Sets the maximum number of slices and joins the remaining slices in one remaining ‘Other’ slice. | ![]() |
Other Label | Specifies the text of the label of the remaining ‘Other’ slice. | ![]() |
SHADOW
Shadow |
Available in Datylon web app only.
|
![]() |
Category Labels >
Anchor Position |
Positions the anchor point of the label on different anchor points of the pie chart. Start, Middle, End, Side |
![]() |
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%
|
![]() |
Direction |
Defines the direction of the label. Tangential, Radial, Horizontal
|
![]() |
Smart Direction |
Automatically adjusts the direction of the labels for optimal readability. |
|
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 |
![]() |
Prefix |
Adds a prefix to all category labels.
|
![]() |
Suffix |
Adds a sufix to all category labels.
|
![]() |
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. |
![]() |
CONNECTOR (Only appears when Anchor Position = Side)
Start |
Sets the starting point of the connector. Center, Edge |
![]() |
Type |
Sets the type of the connector. Only applicable when Start is set to Center Line, Curve, Elbow |
![]() |
Stroke |
Sets a stroke color and weight of the connector. You can apply a dashed stroke clicking the cogwheel. |
![]() |
CHARACTER
Typeface |
Sets font styles, its color, size and two text decoration options: crossed text and underlined text. See more on fonts here.
|
![]() |
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.
|
![]() |
PARAGRAPH
Width |
Sets the maximum paragraph width.
|
![]() |
Horizontal Align |
Aligns the paragraph on the left, centered or on the right.
|
![]() |
Justify |
Aligns all the text with both edges excluding the last line.
|
![]() |
Leading |
Sets spacing between adjacent lines of text. "0" will make the lines fall on top of each other. "1" is the default leading.
|
![]() |
SHADOW
Shadow |
Available in Datylon Webapp only.
|
![]() |
BACKGROUND
Size |
Sets the size of the label background. If omitted, the size of the boundaries of the label text is taken by default.
|
![]() |
Padding |
Adds padding to the label background. Padding for each side separately can be applied clicking the cogwheel.
|
![]() |
Color |
Sets the color of background rectangle. All color properties like Opacity or Gradient can be applied.
|
![]() |
Stroke |
Sets the stroke color and weight around the label background. You can apply a dashed stroke clicking the cogwheel.
|
![]() |
Corner Radius |
Applies rounded corners to the label background. Separate settings for each corner can be applied clicking the cogwheel.
|
|
Value Labels >
Anchor Position |
Positions the anchor point of the label on different anchor points of the pie chart. Start, Middle, End, Side
|
![]() |
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%
|
![]() |
Direction |
Defines the direction of the label Tangential, Radial, Horizontal
|
![]() |
Smart Direction |
Automatically adjusts the direction of the labels for optimal readability.
|
![]() |
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
|
![]() |
Prefix |
Adds a prefix to all value labels.
|
![]() |
Suffix |
Adds a suffix to all value labels.
|
![]() |
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. |
![]() |
CONNECTOR (Only appears when Anchor Position = Side)
Start |
Sets the starting point of the connector. Center, Edge |
![]() |
Type |
Sets the type of the connector. Only applicable when Start is set to Center Line, Curve, Elbow |
![]() |
Stroke |
Sets a stroke color and weight of the connector. You can apply a dashed stroke clicking the cogwheel. |
![]() |
NUMBER FORMAT
Decimal Separator |
Sets the sign that will be used as a decimal separator. By default it is set to “.”
|
![]() |
Thousand Separator |
Sets the sign that will be used as a thousand separator.
|
![]() |
Short Notation |
Converts the label using metric prefixes: Nano, Micro, Milli, Kilo, Mega, Giga
|
![]() |
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.
|
![]() |
Add Plus |
Adds plus sign in front of positive values.
|
![]() |
Absolute Values |
Coverts any value to a positive value.
|
![]() |
CHARACTER
Typeface |
Sets font styles, its color, size and two text decoration options: crossed text and underlined text. See more on fonts here.
|
![]() |
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.
|
![]() |
PARAGRAPH
Width |
Sets the maximum paragraph width.
|
![]() |
Horizontal Align |
Aligns the paragraph on the left, centered or on the right.
|
![]() |
Justify |
Aligns all the text with both edges excluding the last line.
|
![]() |
Leading |
Sets spacing between adjacent lines of text. "0" will make the lines fall on top of each other. "1" is the default leading.
|
![]() |
SHADOW
Shadow |
Available in Datylon Webapp only.
|
![]() |
BACKGROUND
Size |
Sets the size of the label background. If omitted, the size of the boundaries of the label text is taken by default.
|
![]() |
Padding |
Adds padding to the label background. Padding for each side separately can be applied clicking the cogwheel.
|
![]() |
Color |
Sets the color of background rectangle. All color properties like Opacity or Gradient can be applied.
|
![]() |
Stroke |
Sets the stroke color and weight around the label background. You can apply a dashed stroke clicking the cogwheel.
|
![]() |
Corner Radius |
Applies rounded corners to the label background. Separate settings for each corner can be applied clicking the cogwheel.
|
![]() |