This is an automated email from the ASF dual-hosted git repository. riemer pushed a commit to branch improve-chart-types in repository https://gitbox.apache.org/repos/asf/streampipes.git
commit cefb74d132eda358ebc36359ca2783788a7ea22b Author: Dominik Riemer <[email protected]> AuthorDate: Tue Mar 24 18:08:33 2026 +0100 feat: Add area chart to time series chart options --- .../time-series-item-config/time-series-item-config.component.html | 3 +++ .../charts/time-series-chart/sp-timeseries-renderer.service.ts | 5 +++++ 2 files changed, 8 insertions(+) diff --git a/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html b/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html index c99fe08592..ac1ba8e095 100644 --- a/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html +++ b/ui/src/app/chart-shared/components/chart-config/select-color-properties-config/time-series-item-config/time-series-item-config.component.html @@ -137,6 +137,9 @@ <mat-option [value]="'lines'">{{ 'Line' | translate }}</mat-option> + <mat-option [value]="'area'">{{ + 'Area' | translate + }}</mat-option> <mat-option [value]="'normal_markers'" >{{ 'Scatter' | translate }} </mat-option> diff --git a/ui/src/app/chart-shared/components/charts/time-series-chart/sp-timeseries-renderer.service.ts b/ui/src/app/chart-shared/components/charts/time-series-chart/sp-timeseries-renderer.service.ts index 726265bb10..e0a603bd1c 100644 --- a/ui/src/app/chart-shared/components/charts/time-series-chart/sp-timeseries-renderer.service.ts +++ b/ui/src/app/chart-shared/components/charts/time-series-chart/sp-timeseries-renderer.service.ts @@ -213,6 +213,11 @@ export class SpTimeseriesRendererService extends SpBaseEchartsRenderer<TimeSerie ); if (displayType === 'lines') { series.showSymbol = false; + } else if (displayType === 'area') { + series.showSymbol = false; + series.areaStyle = { + opacity: 0.35, + }; } else if (displayType === 'normal_markers') { series.lineStyle = { width: 0,
