Mix Time Line Chart

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

Image 1: The Mix time 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%.