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.


See also Line Chart Tutorial Video

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 Line

4.1 Shadow

5 Data Marks

5.1 Symbol

6 Data Labels

6.1 Number Format

6.2 Character

6.3 Paragraph

6.4 Shadow

6.5 Background

7 Direct Labels

7.1 Character

7.2 Paragraph

7.3 Shadow

7.4 Background

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

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.

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.  Helpenter-Properties-Line_chart-Line-Chart_orientation
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.

Helpenter-Properties-Line_chart-Line-Interpolation
Stroke

Sets the color and weight of the line. 

You can apply a dashed stroke clicking the cogwheel.

Helpenter-Properties-Line_chart-Line-Stroke
Fill Area Below

Fills the area under the line with the selected color. 


The position of the axis is not taken into consideration. The color fills down to the chart border.

Helpenter-Properties-Line_chart-Line-Fill_Area_Below

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-Lines

Back to top

Data Marks > 

Show

Sets the location(s) of data marks:

All, Last, First, First and Last

Helpenter-Properties-Line_chart-Data_Marks-Show

Back to top

 

Data Labels > 

Show

Sets the location(s) of data labels:

All, Last, First, First and Last

Helpenter-Properties-Line_chart-Data_Marks-Show
Data Mark Anchor

Can only be applied when data marks are shown. 

Moves the center of the text box to the selected position of data mark:

Center, Center Left, Center Right, Top, Top Left, Top Right, Bottom, Bottom Left, Bottom Right

Helpcenter-Properties-Shared-Data_Label-Data_Mark_Anchor_Point
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). 

Helpenter-Properties-Line_chart-Data_Labels-Smart_Labels
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

Direct Labels > 

Location Sets the location(s) of the direct labels: First, Last, First and Last, Side Helpenter-Properties-Line_chart-Direct_Labels-Location
Smart Labels Automatically repositions direct labels if multiple labels overlap.  Helpenter-Properties-Line_chart-Direct_Labels-
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 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

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 the labels. Helpcenter-Properties-Shared-Labels-Prefix
Suffix Adds a suffix to the labels. Helpcenter-Properties-Shared-Labels-Suffix

Back to top