Improve messaging for series in charts

docker-compose.yml

@@ -201,6 +201,7 @@ x-backend-variables: &backend-variables
   BASEROW_ENTERPRISE_MAX_PERIODIC_DATA_SYNC_CONSECUTIVE_ERRORS:
   BASEROW_USE_LOCAL_CACHE:
   BASEROW_WEBHOOKS_BATCH_LIMIT:
+  BASEROW_ENTERPRISE_GROUPED_AGGREGATE_SERVICE_MAX_SERIES:
 
 services:
   # A caddy reverse proxy sitting in-front of all the services. Responsible for routing
@@ -271,6 +272,7 @@ services:
       BASEROW_BUILDER_DOMAINS:
       BASEROW_FRONTEND_SAME_SITE_COOKIE:
       SENTRY_DSN:
+      BASEROW_ENTERPRISE_GROUPED_AGGREGATE_SERVICE_MAX_SERIES:
     depends_on:
       - backend
     networks:

enterprise/web-frontend/modules/baserow_enterprise/dashboard/components/data_source/GroupedAggregateRowsDataSourceForm.vue

@@ -76,9 +76,15 @@
       class="margin-bottom-2"
     >
       <template #title-slot>
-        <ButtonText icon="iconoir-plus" type="secondary" @click="addSeries">{{
-          $t('groupedAggregateRowsDataSourceForm.addSeries')
-        }}</ButtonText>
+        <ButtonText
+          icon="iconoir-plus"
+          type="secondary"
+          :disabled="!canAddSeries"
+          tooltip-position="bottom-left"
+          @click="addSeries"
+        >
+          {{ $t('groupedAggregateRowsDataSourceForm.addSeries') }}
+        </ButtonText>
       </template>
       <div class="margin-bottom-2"></div>
       <AggregationSeriesForm
@@ -260,6 +266,12 @@ export default {
       )
       return seriesSortReferences.concat(groupBySortReferences)
     },
+    canAddSeries() {
+      return (
+        this.values.aggregation_series.length <
+        this.$config.BASEROW_ENTERPRISE_GROUPED_AGGREGATE_SERVICE_MAX_SERIES
+      )
+    },
   },
   watch: {
     dataSource: {

enterprise/web-frontend/modules/baserow_enterprise/module.js

@@ -19,6 +19,11 @@ export default function () {
   // Register new alias to the web-frontend directory.
   this.options.alias['@baserow_enterprise'] = path.resolve(__dirname, './')
 
+  if (this.options.publicRuntimeConfig) {
+    this.options.publicRuntimeConfig.BASEROW_ENTERPRISE_GROUPED_AGGREGATE_SERVICE_MAX_SERIES =
+      process.env.BASEROW_ENTERPRISE_GROUPED_AGGREGATE_SERVICE_MAX_SERIES || 3
+  }
+
   // Remove the existing index route and add our own routes.
   this.extendRoutes((configRoutes) => {
     const settingsRoute = configRoutes.find(