Pie chart properties

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

Binding tab


1 Dataset

2 Series

Styling tab


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

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 Shadow

6.4 Background

7 Value Labels

7.0.1 Connector

7.1 Number Format

7.2 Character

7.3 Paragraph

7.4 Shadow

7.5 Background

Binding Tab

Dataset>

First row (column) are headings

When enabled, the first row (column) of the dataset are headings.


When disabled, the first row (column) of the dataset is included in the data range.

helpcenter-properties-pie-chart-binding-first-column
Data is in Sets the way data is structured: in rows or columns. helpcenter-properties-pie-chart-binding-data-is-in

Back to top

Series>

Name

Text field to name the Series. By default, it is set to “New Series n”. 

The name is used for Direct Labels

helpcenter-properties-pie-chart-binding-name
Category Used for binding categories. Visible if Category Labels are enabled. helpcenter-properties-pie-chart-binding-category
  One or more empty cells in the category data will cause the creation of an empty category. The corresponding slice will still be displayed.

helpcenter-properties-pie-chart-binding-value-empty-cells

Value Used for binding numerical values to the degree of the pie slice. helpcenter-properties-pie-chart-binding-value
  The slice and its category will not be displayed if there are one or more empty cells in the numerical data.  helpcenter-properties-pie-chart-binding-value-empty-cells
Color

Used for binding the colors of the pie slices. By default, it’s formatted as a categorical value. The type of data can be adjusted in the Formatting tab.


Colors can be also presented directly as HTML values, HEX, RGB, or CMYK values. More on that here. To use direct coloring the color of slices should be set to “None” under Styling > Data > Slices > Fill.
helpcenter-properties-pie-chart-binding-color
Radius Used for binding values to the radius length of the corresponding slices. The range of the possible values is from 0 to 100. helpcenter-properties-pie-chart-binding-radius
Stroke Color

Used to bind the data to the stroke color of the slice. The bound column/row can represent categorical, numerical, or datetime values. By default, it’s formatted as a categorical value. The type of data can be adjusted in the Formatting tab.


Colors can be also presented directly as HEX, RGB, or CMYK values. More on that here.
helpcenter-properties-pie-chart-binding-stroke-color

Back to top

Styling Tab


DATA


Many properties in the DATA section can be set globally, but also separately on series and data point levels. 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 by clicking the cogwheel.

Helpcenter-Properties-Pie-chart-Pie-Stroke-circumference
Stroke Circumference> Type

Allows to use two types of stroke placement:

  • Inner (the stroke is placed inside the circumference)
  • Center (the stroke is placed equally on both sides of the circumference)
datylon-chart-library-Pie_chart-Pie-Stroke_circumferrence-Type
Stroke Circumference> Dash

Allows changing the length and gaps between the dashes.

datylon-chart-library-Pie_chart-Pie-Stroke_circumferrence-Dash
Stroke Radial

Sets the stroke color and weight on all slice radiuses. 

You can apply a dashed stroke by 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

Back to top

 

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
Back to top

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 cogwheel.

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

Back to top

 

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

Back to top

 

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 suffix 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
Back to top



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 by clicking the cogwheel.

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

Back to top

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 labels. 

See also Category labels > Hide when Zero. 

Helpcenter-Properties-Pie_chart-Labels-Hide_zero
Back to top

 

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 by clicking the cogwheel.

Helpcenter-Properties-Pie-chart-Labels-Connector-Stroke
Back to top