website logo
👥 Community🎯 Samples on GitHub🚦 System Status
💡 Guides
🚀 Examples
🍕 Developer Reference
⚡️ Changelog
🎥 Video Library
Navigate through spaces
⌘K
Overview
Reference
Actions
Data
UI
Widgets
Docs powered by
Archbee
Reference
UI

jc-line-chart

19min

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

instanceId (InstanceId | Expression)

when (Expression | boolean)

options (object, required)

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

series (Line Chart Series[], required)

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

data (string | string, required)

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:

data (string)

name (string | Expression | TextWithFormat | TextLocale)

Name of series

description (string | Expression | TextWithFormat | TextLocale)

Description of series

dataLabels (object[])

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 (enum<string> | string)

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:

color (enum<string>)

color (string)

layout (enum<string>)

Type of series

This element must be one of the following enum values:

  • line
  • area
  • area-gradient

animation (object)

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

direction (enum<string>)

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

chart (object)

General options of chart (width, height, etc)

yAxis (object)

Options for yAxis

xAxis (object)

Options for xAxis

legend (object)

Legend of chart

plotOptions (Plot Options)

Options of plot

Updated 25 Sep 2023
Did this page help you?
PREVIOUS
jc-jig-header
NEXT
jc-list-item
Docs powered by
Archbee
TABLE OF CONTENTS
instanceId (InstanceId | Expression)
when (Expression | boolean)
options (object, required)
series (Line Chart Series[], required)
data (string | string, required)
data (string)
name (string | Expression | TextWithFormat | TextLocale)
description (string | Expression | TextWithFormat | TextLocale)
dataLabels (object[])
color (enum<string> | string)
color (enum<string>)
color (string)
layout (enum<string>)
animation (object)
direction (enum<string>)
chart (object)
yAxis (object)
xAxis (object)
legend (object)
plotOptions (Plot Options)
Docs powered by
Archbee
Copyright © 2023 Jigx, Inc. All rights reserved. Terms of Service