Chart Properties
      Back to home
      1. Datylon Help Center
      2. 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.


      See also Line Chart Tutorial Video

      Binding Tab

      1 Dataset

      2 Series

      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

      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. Helpcenter-Properties-Line-Binding-Data-is-in

      Back to top

       

      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.

      		 Helpcenter-Properties-Line-Binding-Series-1
      X

      X-axis can be used for binding 3 types of data:

      1. Categorical
      2. Numerical
      3. 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      		 helpcenter-properties-line-chart-binding-x
       

      One or more empty cells in the X-axis data will give the following result:

      1. Categorical data type: An empty category and corresponding label is added. Values of multiple empty categories will be added into one. 
      2. 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” 
      3. 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

      helpcenter-properties-line-chart-binding-x-categorical-empty-cells

      2

      helpcenter-properties-line-chart-binding-x-numerical-empty-cells

      3

      helpcenter-properties-line-chart-binding-x-datetime-empty-cells
      Y

      Y-axis can be used for binding 3 types of data:

      1. Categorical
      2. Numerical
      3. 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      		 helpcenter-properties-line-chart-binding-y
       

      One or more empty cells in the Y-axis data will give the following result:

      1. A value next to categorical data type: A category name is added to the axis. No data point is plotted. 
      2. A value next to numerical data type: A category name (numerical value) is added to the axis. No data point is plotted.
      3. A value next to datetime data type: A category name (datetime value) is added to the axis. No data point is plotted.

      1

      helpcenter-properties-line-chart-binding-y-categorical-empty-cells

      2

      helpcenter-properties-line-chart-binding-y-numerical-empty-cells

      3

      helpcenter-properties-line-chart-binding-y-datetime-empty-cells
      Data Labels Adds the content of a bound column (row) as a label for the corresponding data point. helpcenter-properties-line-chart-binding-data-label

      Back to top

       

      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.  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 by 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. Color, X 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 a positive value to move to the right. Enter a negative value to move to the left. Helpcenter-Properties-Shared-Labels-Horizontal_offset
      Vertical Offset Sets the position of the label vertically. Enter a positive value to move up. Enter a 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 a positive value to move to the right. Enter a negative value to move to the left. Helpcenter-Properties-Shared-Labels-Horizontal_offset
      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. 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