Mix time imeline charts illustrate events, in chronological order — for example the progress of a project, advertising campaign, acquisition process — in whatever unit of time the data was recorded — for example week, month, year, quarter.
You can find a more in depth explanation about the Mix Time Line on this page:
https://echarts.apache.org/examples/en/index.html#chart-type-line
Properties of Mix Time Line Chart
Property Name
Data type
Type
Description
Data source
List
Data Model
The main datalist contains information about the series: X & Y values, series, years, series type and series color.
Series
Text
Expression
Series or Categories of the datalist. These values will also be used as the legends.
X axis category
Text
Expression
X axis values for the chart.
Y axis value
Number
Expression
Numeric Y axis values for the chart.
Years
Number
Expression
Years that will be used for the timeline. Each row of data needs one.
Series type
Text
Expression
Type of chart to display for each series. It accepts values of: "bar" or "line"
Series color
Text
Expression
The color of each series. It uses an rgba type or Hexadecimal type of color.
For example: "rgba(255,0,0,0.5)" or "#FF0000".
Play interval
Number
Expression
Amount of time (milliseconds) delay before each year change. 1000 = 1second.
Auto play
Boolean
Expression
Transitions starts as soon as the page gets uploaded.
Show grid lines
Boolean
To activate the grid lines of the chart.
Show vertical grid lines
Boolean
Expression
To activate the vertical grid lines of the chart.
Show horizontal grid lines
Boolean
Expression
To activate the horizontal grid lines of the chart.
Show pie chart
Boolean
Adds a pie chart with the total of the series per year.
Pie data source
List
Expression
Datalist that includes a row for each serie to show on the pie chart.
Pie chart title
Text
Expression
Title for the tooltip that appears when the user hovers over the pie chart.|
Pie chart series reference
Reference
Expression
A reference from the main data source which must point to the main chart series values.
Pie horizontal position
Text
Expression
Horizontal Position for the Pie Chart(From left to right) in percentage values.
Pie vertical position
Text
Expression
Vertical Position for the Pie Chart(From top to bottom) in percentage values.
Pie radius
Text
Expression
Radius value for the Pie Chart in percentage values.
Pie border color
Text
Expression
Color for the border of the pie chart. It uses an rgba type or Hexadecimal type of color.
For example: "rgba(255,0,0,0.5)" or "#FF0000".
Pie border width
Number
Expression
Numerical value for the border line width.
Pie label legend position
Text
Dropdown
Set the position of the label in the pie. (inside, outside).
Y axis units
Text
Expression
Y axis legend.
Legend orientation
Text
Dropdown
Set the orientation of the legend. (Vertical, horizontal).
Legend position
Text
Dropdown
Set the position of the legend. (Left. Center, Right).
Width
Text
Expression
Width of the chart. It can be settle in px values ('500px') or percentages (100%). Default value is 100%
Height
Text
Expression
Height of the chart. It can be settle in px values ('500px') or percentages (100%). Default value is 100%.