Datylon Help Center

Chart Properties

Line chart properties

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

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.

Binding Tab

1 Dataset

2 Series

Styling Tab

General

Data

4 Line

4.1 Fill area

4.2 Shadow

5 Data Marks

5.1 Symbol

6 Data Labels

7 Direct Labels

Axes and Grid

8 Axis > Type: Categorical

8.1 Line

8.2 Ticks and Grid

8.3 Labels

9 Axis > Type: Numerical

9.1 Number Format

9.2 Line

9.3 Major Ticks and Grid

9.4 Minor Ticks and Grid

9.5 Labels

10 Axis > Type: Datetime

10.1 Line

10.2 Major Ticks and Grid

10.3 Minor Ticks and Grid

10.4 Labels

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-Line-Binding-First-row-are-headings

Data is in

Select if data series are structured in rows or columns.

Series>

Name	Text field to name the Series. By default, it is set to “New Series n”. This name will be used for Direct labels in the Line chart.
X	The X-axis can be used for binding 3 types of data: Categorical Numerical Datetime You can change the data type in the Formatting tab. To visualize correctly make sure to select the correct type in, Styling > Axes and Grid > X Axis > Type
	One or more empty cells in the X-axis data will give the following result: Categorical data type: An empty category and corresponding label is added. Values of multiple empty categories will be added into one. Numerical data type: No data point is rendered. No data label is plotted. A warning appears: “Empty values found where number values were expected. Data is ignored” Datetime data type: No data point is rendered, even if there is corresponding data bound to the other axis. No data label is plotted. Datetime labels between the start and end date are added though. A warning appears: “Empty values found where datetime values were expected. Data is ignored”	1 2 3
Y	Y-axis can be used for binding 3 types of data: Categorical Numerical Datetime You can change the data type in the Formatting tab. To visualize correctly make sure to select the correct type in, Styling > Axes and Grid > Y Axis > Type
	One or more empty cells in the Y-axis data will give the following result: A value next to categorical data type: A category name is added to the axis. No data point is plotted. A value next to numerical data type: A category name (numerical value) is added to the axis. No data point is plotted. A value next to datetime data type: A category name (datetime value) is added to the axis. No data point is plotted.	1 2 3
Data Labels	Adds the content of a bound column (row) as a label for the corresponding data point.

Styling Tab

DATA

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

Line >

Chart Orientation	Sets chart orientation to horizontal or vertical. Note that in horizontal orientation, the X-axis is horizontal. In vertical orientation mode, the X-axis becomes vertical.
Interpolation	Sets the construction method of connecting the line between data points. There are 7 options available: Linear, Curved Natural, Curved Cardinal, Curved, Steps Middle, Steps After, Steps Before.
Stroke	Sets the color and weight of the line.
Stroke > Cogwheel > Cap	Sets the type of the line cap. There are two types available: Butt and Round.
Stroke > Cogwheel > Corner	Sets the type of the corner. There are two types available: Miter and Round.
Stroke > Cogwheel > Dashed Line	Sets the length and gap of the dashes. If Gap is left empty, the value from the Dash field applies as Gap. When Dash is set on 0, and Cap on Round, the dots will be perfect circles.
Connect Datapoints	Allows to connect datapoints if some of the data in between is missing (empty cells in data set).

FILL AREA

Fill Type	Sets the type of fill relative to the line. There are 3 options: Below, Above, Between. Below fills the area underneath the line(s) down to the bottom of the plot area. Above fills the area above the line(s) up to the top of the plot area. Note: The lines, and their fill, are layered in order of the Series list under Styling tab > Series.
	Between fills the area between two lines starting with the line linked to the first Series in the Styling tab > Series list. The last line in the list will have no fill. Note: the Between option behaves differently on Global as on the Series level.
Color Global level	Color selector for fill type Below, Above, or Between lines. A palette can be applied. The latter results in each series being filled with another color from the palette. Note: When Between option is selected on the Global level, Color Above cannot be changed.
Color Series level	Color selector for Below and Above fill type behaves the same as on the Global level except that no palette can be applied. Color selection for Between has 2 options: Color Below Color Above Color Below fills the color underneath the current line to the next line in the Styling tab > Series list. No palette can be applied. Color Above is by default linked to Color Below. It fills the current line upwards to the next line in the Styling tab > Series list. No palette can be applied. So in case two different colors are selected, Color Below is used to fill the area where the first line is above the second one. And where the second line is above the first one, the area is filled with Color Above.

SHADOW

Shadow

Available in the Datylon web app only.

Adds shadow to a given element. Color, X and Y offset and Blur are available for editing.

Helpcenter-Properties-Shared-Shadows-Lines

Data Marks >

Show

Sets the location(s) of data marks:

All, Last, First, First, and Last

Helpenter-Properties-Line_chart-Data_Marks-Show

Data Labels >

Show	Sets the location(s) of data labels: All, Last, First, First, and Last
Data Mark Anchor	Can only be applied when data marks are shown. Moves the center of the text box to the selected position of the data mark: Center, Center Left, Center Right, Top, Top Left, Top Right, Bottom, Bottom Left, Bottom Right.
Smart Labels	Positions the labels above or below the line (left or right the line in case of a vertical chart orientation), depending on the line's inclination. The distance of the label from the line is set by Vertical Offset (or Horizontal Offset in case of a vertical chart orientation).
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.
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.
Horizontal Offset	Sets the position of the label horizontally. Enter a positive value to move to the right. Enter a negative value to move to the left.
Vertical Offset	Sets the position of the label vertically. Enter a positive value to move up. Enter a negative value to move down.
Rotation	Rotates the label around the anchor point. A positive value rotates counterclockwise. A negative value clockwise.
Prefix	Adds a prefix to all legend labels. Consecutive spaces are ignored.
Suffix	Adds a suffix to all legend labels. Consecutive spaces are ignored.

Direct Labels >

Location	Sets the location(s) of the direct labels: First, Last, First and Last, Side
Smart Labels	Automatically repositions direct labels if multiple labels overlap.
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.
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.
Horizontal Offset	Sets the position of the label horizontally. Enter a positive value to move to the right. Enter a negative value to move to the left.
Vertical Offset	Changes the position of the label vertically. Enter a positive value to move to the top. Enter a negative value to move to the bottom.
Rotation	Rotates the label around the anchor point. A positive value rotates counterclockwise. A negative value clockwise.
Prefix	Adds a prefix to the labels.
Suffix	Adds a suffix to the labels.