jc-line-chart
The schema defines the following properties:
Property | Type | Required | Description |
type | component.line-chart | true | |
instanceId | InstanceId | Expression | false | |
when | Expression | boolean | false | |
options | object | true | Line Chart options |
Line Chart options
Properties of the options object:
Property | Type | Required | Description |
series | Line Chart Series[] | true | Data for lines of a chart. |
chart | object | false | General options of chart (width, height, etc) |
yAxis | object | false | Options for yAxis |
xAxis | object | false | Options for xAxis |
legend | object | false | Legend of chart |
plotOptions | Plot Options | false | Options of plot |
Data for lines of a chart.
The object is an array with all elements of the type object.
The array object has the following properties:
Property | Type | Required | Description |
data | string | string | true | There are a couple of available formats.data=[23, 89] data=[{"x": 1, "y": 23}, {"x": 2, "y": 89}] data=[{"y": 23, "color": "color2"}, {"y": 89, "color": "color3" }] data=[[1,23], [2,89]] |
name | string | Expression | TextWithFormat | TextLocale | false | Name of series |
description | string | Expression | TextWithFormat | TextLocale | false | Description of series |
dataLabels | object[] | false | Configuration of labels visible on chart |
color | enum<string> | string | false | Color of series. If expression is used, expression must be evaluated to the predefined color enum. |
layout | enum<string> | false | Type of series |
animation | object | false | Configuration of animation |
There are a couple of available formats.
data=[23, 89] data=[{"x": 1, "y": 23}, {"x": 2, "y": 89}] data=[{"y": 23, "color": "color2"}, {"y": 89, "color": "color3" }] data=[[1,23], [2,89]]
The object must be any of the following types:
Name of series
Description of series
Configuration of labels visible on chart
The object is an array with all elements of the type object.
The array object has the following properties:
Color of series. If expression is used, expression must be evaluated to the predefined color enum.
The object must be any of the following types:
Type of series
This element must be one of the following enum values:
- line
- area
- area-gradient
Configuration of animation
Properties of the animation object:
Property | Type | Required | Description |
direction | enum<string> | false | It can be animated from first point to the last point. Or all points together from bottom to top |
duration | number | false | Duration of animation |
It can be animated from first point to the last point. Or all points together from bottom to top
This element must be one of the following enum values:
- left-to-right
- bottom-to-top
General options of chart (width, height, etc)
Options for yAxis
Options for xAxis
Legend of chart
Options of plot
