Skip to content

Commit dd019eb

Browse files
author
Marko Petzold
committed
chore: regenerate types
1 parent 8a68b25 commit dd019eb

1 file changed

Lines changed: 65 additions & 23 deletions

File tree

src/definition-schema.d.ts

Lines changed: 65 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -5,84 +5,108 @@
55
* and run json-schema-to-typescript to regenerate this file.
66
*/
77

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+
*/
811
export type Title = string;
12+
/**
13+
* Secondary text displayed below the title. Use for additional context like data source, time period, or measurement units.
14+
*/
915
export type Subtitle = string;
1016
/**
11-
* Display the chart legend.
17+
* Label text displayed below the horizontal axis. Describes the x-dimension (e.g., 'Time', 'Date', 'Category').
18+
*/
19+
export type XAxisLabel = string;
20+
/**
21+
* Label text displayed beside the vertical axis. Describes the measured values (e.g., 'Temperature (°C)', 'Count', 'Revenue ($)').
22+
*/
23+
export type YAxisLabel = string;
24+
/**
25+
* When enabled, displays a legend identifying each data series by color and label. Essential for multi-series charts.
1226
*/
1327
export type ShowLegend = boolean;
1428
/**
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.
1630
*/
1731
export type ShowTitle = boolean;
1832
/**
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.
2034
*/
2135
export type ShowBoxFrame = boolean;
2236
/**
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.
2438
*/
2539
export type TimeseriesChart = boolean;
2640
/**
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.
2842
*/
2943
export type VerticalLayout = boolean;
30-
export type XAxisLabel = string;
3144
/**
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.
3346
*/
3447
export type ShowXAxis = boolean;
3548
/**
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.
3750
*/
3851
export type XAxisZoomTool = boolean;
39-
export type YAxisLabel = string;
4052
/**
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.
4254
*/
4355
export type ShowYAxis = boolean;
4456
/**
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.
4658
*/
4759
export type YAxisScaling = boolean;
4860
/**
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.
5062
*/
5163
export type Label = 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+
*/
5267
export type DrawingStyle = "bar" | "line" | "scatter";
5368
/**
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.
5570
*/
5671
export type LineAreaFill = boolean;
5772
/**
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.
5974
*/
6075
export type LineWidth = 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.
78+
*/
6179
export type LineDashStyle = "solid" | "dashed" | "dotted";
80+
/**
81+
* Shape of data point markers: 'circle', 'rect' (square), 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', or 'none' to hide markers. Different shapes help distinguish series.
82+
*/
6283
export type SymbolStyle = "circle" | "rect" | "roundRect" | "triangle" | "diamond" | "pin" | "arrow" | "none";
6384
/**
64-
* 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.
6586
*/
6687
export type DrawOrder = number;
6788
/**
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.
6990
*/
7091
export type ChartName = string;
7192
/**
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.
7394
*/
7495
export type XValue = string;
96+
/**
97+
* The vertical axis value representing the measurement or count at this x position.
98+
*/
7599
export type YValue = string;
76100
/**
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).
78102
*/
79103
export type PointSize = number;
80104
/**
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).
82106
*/
83107
export type SplitDataBy = string;
84108
/**
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).
86110
*/
87111
export type Data = {
88112
x?: XValue;
@@ -91,6 +115,9 @@ export type Data = {
91115
pivot?: SplitDataBy;
92116
[k: string]: unknown;
93117
}[];
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+
*/
94121
export type Dataseries = {
95122
label?: Label;
96123
type?: DrawingStyle;
@@ -102,43 +129,58 @@ export type Dataseries = {
102129
[k: string]: unknown;
103130
}[];
104131

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+
*/
105135
export interface InputData {
106136
title?: Title;
107137
subTitle?: Subtitle;
108138
axis?: Configuration;
109139
dataseries?: Dataseries;
110140
[k: string]: unknown;
111141
}
142+
/**
143+
* Chart display settings including axes, legend, and layout options.
144+
*/
112145
export interface Configuration {
146+
xAxisLabel?: XAxisLabel;
147+
yAxisLabel?: YAxisLabel;
113148
showLegend?: ShowLegend;
114149
showTitle?: ShowTitle;
115150
showBox?: ShowBoxFrame;
116151
timeseries?: TimeseriesChart;
117152
columnLayout?: VerticalLayout;
118-
xAxisLabel?: XAxisLabel;
119153
showXAxis?: ShowXAxis;
120154
xAxisZoom?: XAxisZoomTool;
121-
yAxisLabel?: YAxisLabel;
122155
showYAxis?: ShowYAxis;
123156
yAxisScaling?: YAxisScaling;
124157
[k: string]: unknown;
125158
}
126159
/**
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.
128161
*/
129162
export interface FillColor {
130163
[k: string]: unknown;
131164
}
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+
*/
132168
export interface LineColor {
133169
[k: string]: unknown;
134170
}
171+
/**
172+
* Additional visual styling options for the series.
173+
*/
135174
export interface Styling {
136175
fill?: LineAreaFill;
137176
borderWidth?: LineWidth;
138177
borderDash?: LineDashStyle;
139178
pointStyle?: SymbolStyle;
140179
[k: string]: unknown;
141180
}
181+
/**
182+
* Advanced configuration for multi-chart layouts and draw ordering.
183+
*/
142184
export interface AdvancedSettings {
143185
drawOrder?: DrawOrder;
144186
chartName?: ChartName;

0 commit comments

Comments
 (0)