diff --git a/src/components/cylc/analysis/BoxPlot.vue b/src/components/cylc/analysis/BoxPlot.vue
index 9887ededc..a8f90e407 100644
--- a/src/components/cylc/analysis/BoxPlot.vue
+++ b/src/components/cylc/analysis/BoxPlot.vue
@@ -130,6 +130,19 @@ export default {
 
     const chartOptions = computed(() => ({
       chart: {
+        defaultLocale: 'en',
+        locales: [
+          {
+            name: 'en',
+            options: {
+              toolbar: {
+                exportToSVG: 'Download SVG',
+                exportToPNG: 'Download PNG',
+                menu: 'Download'
+              }
+            }
+          }
+        ],
         animations: {
           enabled: reducedAnimation.value ? false : props.animate,
           easing: 'easeinout',
diff --git a/src/components/cylc/analysis/TimeSeries.vue b/src/components/cylc/analysis/TimeSeries.vue
index 6df5ee8ef..40f8bb84a 100644
--- a/src/components/cylc/analysis/TimeSeries.vue
+++ b/src/components/cylc/analysis/TimeSeries.vue
@@ -305,6 +305,25 @@ export default {
     chartOptions () {
       return {
         chart: {
+          defaultLocale: 'en',
+          locales: [
+            {
+              name: 'en',
+              options: {
+                toolbar: {
+                  exportToSVG: 'Download SVG',
+                  exportToPNG: 'Download PNG',
+                  menu: 'Download',
+                  selection: 'Selection',
+                  selectionZoom: 'Selection Zoom',
+                  zoomIn: 'Zoom In',
+                  zoomOut: 'Zoom Out',
+                  pan: 'Panning',
+                  reset: 'Reset Zoom'
+                }
+              }
+            }
+          ],
           animations: {
             enabled: this.animate && !this.reducedAnimation,
             easing: 'easeinout',
@@ -401,7 +420,7 @@ export default {
           },
           toolbar: {
             autoSelected: 'selection',
-            show: false
+            show: true
           }
         },
         legend: {
diff --git a/src/components/cylc/gantt/GanttChart.vue b/src/components/cylc/gantt/GanttChart.vue
index 1dbac92a5..33cbb37dd 100644
--- a/src/components/cylc/gantt/GanttChart.vue
+++ b/src/components/cylc/gantt/GanttChart.vue
@@ -162,6 +162,25 @@ export default {
       const { start, end } = timingOptions.get(this.timingOption)
       return {
         chart: {
+          defaultLocale: 'en',
+          locales: [
+            {
+              name: 'en',
+              options: {
+                toolbar: {
+                  exportToSVG: 'Download SVG',
+                  exportToPNG: 'Download PNG',
+                  menu: 'Download',
+                  selection: 'Selection',
+                  selectionZoom: 'Selection Zoom',
+                  zoomIn: 'Zoom In',
+                  zoomOut: 'Zoom Out',
+                  pan: 'Panning',
+                  reset: 'Reset Zoom'
+                }
+              }
+            }
+          ],
           animations: {
             enabled: this.animate && !this.reducedAnimation,
             easing: 'easeinout',
@@ -179,6 +198,12 @@ export default {
           toolbar: {
             tools: {
               download: `<svg class="w-100 h-100"><path d="${mdiDownload}"></path></svg>`,
+              selection: true,
+              zoom: true,
+              zoomin: true,
+              zoomout: true,
+              pan: true,
+              reset: true
             },
           },
         },