You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/definition-schema.d.ts
+65-23Lines changed: 65 additions & 23 deletions
Original file line number
Diff line number
Diff line change
@@ -5,84 +5,108 @@
5
5
* and run json-schema-to-typescript to regenerate this file.
6
6
*/
7
7
8
+
/**
9
+
* The main heading displayed above the chart. Use to describe what data is being visualized (e.g., 'Temperature Over Time', 'Sales by Region').
10
+
*/
8
11
exporttypeTitle=string;
12
+
/**
13
+
* Secondary text displayed below the title. Use for additional context like data source, time period, or measurement units.
14
+
*/
9
15
exporttypeSubtitle=string;
10
16
/**
11
-
* Display the chart legend.
17
+
* Label text displayed below the horizontal axis. Describes the x-dimension (e.g., 'Time', 'Date', 'Category').
18
+
*/
19
+
exporttypeXAxisLabel=string;
20
+
/**
21
+
* Label text displayed beside the vertical axis. Describes the measured values (e.g., 'Temperature (°C)', 'Count', 'Revenue ($)').
22
+
*/
23
+
exporttypeYAxisLabel=string;
24
+
/**
25
+
* When enabled, displays a legend identifying each data series by color and label. Essential for multi-series charts.
12
26
*/
13
27
exporttypeShowLegend=boolean;
14
28
/**
15
-
* Display the chart title.
29
+
* When enabled, displays the chart title and subtitle. Disable for compact layouts or when the widget container provides its own title.
16
30
*/
17
31
exporttypeShowTitle=boolean;
18
32
/**
19
-
* Display a border frame around the chart area.
33
+
* When enabled, draws a border frame around the chart plotting area. Useful for visual separation in dense dashboards.
20
34
*/
21
35
exporttypeShowBoxFrame=boolean;
22
36
/**
23
-
* This will apply a proper time series x-Axis. Check if your x-values are timestamps.
37
+
* When enabled, treats x-axis values as timestamps and applies proper time-based scaling and formatting. Enable when your x-values are dates/times (ISO strings or timestamps). Disable for categorical x-axes.
24
38
*/
25
39
exporttypeTimeseriesChart=boolean;
26
40
/**
27
-
* When multiple charts are drawn, then they will be layed out horizontically or vertically.
41
+
* When multiple charts are drawn (via chartName grouping), this controls their arrangement. Enabled = stacked vertically, Disabled = arranged horizontally side by side.
28
42
*/
29
43
exporttypeVerticalLayout=boolean;
30
-
exporttypeXAxisLabel=string;
31
44
/**
32
-
* Display the x-axis with labels. When hidden, bottom padding is removed.
45
+
* When enabled, displays the x-axis line, ticks, and labels. Disable to remove bottom axis and its padding for minimal designs.
33
46
*/
34
47
exporttypeShowXAxis=boolean;
35
48
/**
36
-
* If checked, a zoom tool will be shown on the x-axis to zoom into the chart.
49
+
* When enabled, shows a slider control below the chart for zooming into specific x-axis ranges. Useful for long time series where users need to focus on specific periods.
37
50
*/
38
51
exporttypeXAxisZoomTool=boolean;
39
-
exporttypeYAxisLabel=string;
40
52
/**
41
-
* Display the y-axis with labels. When hidden, left padding is removed.
53
+
* When enabled, displays the y-axis line, ticks, and labels. Disable to remove left axis and its padding for minimal designs.
42
54
*/
43
55
exporttypeShowYAxis=boolean;
44
56
/**
45
-
* If checked, the Y-Axis will be scaled to the data range. If not checked, the Y-Axis will always start at 0.
57
+
* When enabled, the y-axis range automatically adjusts to fit the data (min to max). When disabled, the y-axis always starts at 0, which is better for comparing absolute values.
46
58
*/
47
59
exporttypeYAxisScaling=boolean;
48
60
/**
49
-
* The name for this data series
61
+
* Display name for this data series shown in legends and tooltips. Should clearly identify what data this series represents.
50
62
*/
51
63
exporttypeLabel=string;
64
+
/**
65
+
* The visual representation type: 'line' for continuous line charts (best for trends), 'bar' for vertical bar charts (best for comparisons), 'scatter' for individual data points (best for correlation analysis).
66
+
*/
52
67
exporttypeDrawingStyle="bar"|"line"|"scatter";
53
68
/**
54
-
* Check this box to turn a line chart into an area chart.
69
+
* When enabled for line charts, fills the area between the line and the x-axis, creating an area chart. Useful for visualizing volume or cumulative values.
55
70
*/
56
71
exporttypeLineAreaFill=boolean;
57
72
/**
58
-
* Width of the lines in the chart.
73
+
* Thickness of lines in pixels. Larger values make lines more prominent. Typical values: 1-2 for dense charts, 2-4 for emphasis.
59
74
*/
60
75
exporttypeLineWidth=number;
76
+
/**
77
+
* Line pattern for line charts: 'solid' for continuous lines, 'dashed' for long dashes, 'dotted' for dots. Use different patterns to distinguish overlapping series.
* Shape of data point markers: 'circle', 'rect' (square), 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', or 'none' to hide markers. Different shapes help distinguish series.
* Determines the draw order of the series. Dataseries with lower numbers are drawn on top of ones with higher numbers within one chart.
85
+
* Z-index controlling which series appears on top when overlapping. Lower numbers are drawn on top. Use to ensure important series aren't hidden behind others.
65
86
*/
66
87
exporttypeDrawOrder=number;
67
88
/**
68
-
* If two dataseries have the same 'Chart Name', they will be drawn in the same chart. Otherwise they will get their own chart. If the name contains #split# as substring then a separat chart will be drawn for each split dataseries.
89
+
* Groups series into separate charts. Series with the same chartName share one chart; different names create separate charts. Use '#split#' in the name to auto-create one chart per pivot value.
69
90
*/
70
91
exporttypeChartName=string;
71
92
/**
72
-
* If timeseries is checked in the settings, then this should be an ISO String date like 2023-11-04T22:47:52.351152+00:00. But this works with many other formats as well.
93
+
* The horizontal axis value. For timeseries charts, use ISO 8601 timestamp strings (e.g., '2023-11-04T22:47:52.351152+00:00') or Unix timestamps. For categorical charts, use category labels.
73
94
*/
74
95
exporttypeXValue=string;
96
+
/**
97
+
* The vertical axis value representing the measurement or count at this x position.
98
+
*/
75
99
exporttypeYValue=string;
76
100
/**
77
-
* Controls the symbol size for line and scatter charts.
101
+
* Radius/size of the data point marker for line and scatter charts. Use varying sizes to encode a third data dimension (bubble chart effect).
78
102
*/
79
103
exporttypePointSize=number;
80
104
/**
81
-
* You can specify a column in the input data to autogenerate dataseries for each distinct entry in this column. E.g. if you have a table with columns [city, timestamp, temperature] and specify 'city' as split column, then you will get a line for each city.
105
+
* Column value used to split this data into multiple series automatically. Each unique pivot value creates a separate line/bar series (e.g., pivot by 'city' to get one line per city).
82
106
*/
83
107
exporttypeSplitDataBy=string;
84
108
/**
85
-
* The data used to draw this data series.
109
+
* Array of data points to plot. Each point has x (position on horizontal axis), y (value), and optionally r (point size) and pivot (for auto-generating series).
86
110
*/
87
111
exporttypeData={
88
112
x?: XValue;
@@ -91,6 +115,9 @@ export type Data = {
91
115
pivot?: SplitDataBy;
92
116
[k: string]: unknown;
93
117
}[];
118
+
/**
119
+
* Array of data series to plot. Each series can have its own chart type (line/bar/scatter), colors, and styling. Multiple series can share an axis or be grouped into separate charts.
120
+
*/
94
121
exporttypeDataseries={
95
122
label?: Label;
96
123
type?: DrawingStyle;
@@ -102,43 +129,58 @@ export type Dataseries = {
102
129
[k: string]: unknown;
103
130
}[];
104
131
132
+
/**
133
+
* A versatile chart widget for visualizing data as line charts, bar charts, or scatter plots. Use this widget for time-series data, trend analysis, comparisons, and general data visualization. Supports multiple data series with different chart types in the same view, automatic pivot-based series generation, zoom controls, and flexible styling options. The ECharts-based rendering provides smooth animations and interactive tooltips. Ideal for monitoring dashboards, historical data analysis, and any scenario requiring visual data representation over continuous or categorical dimensions.
134
+
*/
105
135
exportinterfaceInputData{
106
136
title?: Title;
107
137
subTitle?: Subtitle;
108
138
axis?: Configuration;
109
139
dataseries?: Dataseries;
110
140
[k: string]: unknown;
111
141
}
142
+
/**
143
+
* Chart display settings including axes, legend, and layout options.
144
+
*/
112
145
exportinterfaceConfiguration{
146
+
xAxisLabel?: XAxisLabel;
147
+
yAxisLabel?: YAxisLabel;
113
148
showLegend?: ShowLegend;
114
149
showTitle?: ShowTitle;
115
150
showBox?: ShowBoxFrame;
116
151
timeseries?: TimeseriesChart;
117
152
columnLayout?: VerticalLayout;
118
-
xAxisLabel?: XAxisLabel;
119
153
showXAxis?: ShowXAxis;
120
154
xAxisZoom?: XAxisZoomTool;
121
-
yAxisLabel?: YAxisLabel;
122
155
showYAxis?: ShowYAxis;
123
156
yAxisScaling?: YAxisScaling;
124
157
[k: string]: unknown;
125
158
}
126
159
/**
127
-
* The inner color of the bars if you chose Drawing Type 'bar' or the inner colors of the points if you chose Drawing Type 'line'.
160
+
* For bar charts: the bar fill color. For line charts: the data point marker fill color. For scatter: the point fill color. Leave empty to use theme default.
128
161
*/
129
162
exportinterfaceFillColor{
130
163
[k: string]: unknown;
131
164
}
165
+
/**
166
+
* For line charts: the line stroke color. For bar charts: the bar border color. This is the primary color identifying the series.
167
+
*/
132
168
exportinterfaceLineColor{
133
169
[k: string]: unknown;
134
170
}
171
+
/**
172
+
* Additional visual styling options for the series.
173
+
*/
135
174
exportinterfaceStyling{
136
175
fill?: LineAreaFill;
137
176
borderWidth?: LineWidth;
138
177
borderDash?: LineDashStyle;
139
178
pointStyle?: SymbolStyle;
140
179
[k: string]: unknown;
141
180
}
181
+
/**
182
+
* Advanced configuration for multi-chart layouts and draw ordering.
0 commit comments