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
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%. |
Last updated
