Merge branch 'main' into dependabot/npm_and_yarn/npm_and_yarn-d580270e1d

precious-onyenaucheya-ons · web-flow · commit 312df804fb03 · 2025-11-26T11:41:16.000Z
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_chart_example-line-chart-with-label-format_0_document_0_desktop.png b/backstop_data/bitmaps_reference/ds-vr-test__components_chart_example-line-chart-with-label-format_0_document_0_desktop.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6aa3fb12ff82ed54f888835414c03914aad2cec7642e923d73e4ad05c3080ac0
+size 115367
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_chart_example-line-chart-with-label-format_0_document_1_tablet.png b/backstop_data/bitmaps_reference/ds-vr-test__components_chart_example-line-chart-with-label-format_0_document_1_tablet.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fef0445272580349b20a276f3faccd72d01459ff73a68414e79668f3a9786466
+size 94777
diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_chart_example-line-chart-with-label-format_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_chart_example-line-chart-with-label-format_0_document_2_mobile.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7111b03d781c43e1c438b4e5c89c22a3a505896cb2ecb900986713401f5d94a0
+size 89664
diff --git a/src/components/chart/example-line-chart-with-label-format.njk b/src/components/chart/example-line-chart-with-label-format.njk
@@ -0,0 +1,89 @@
+{% from "components/chart/_macro.njk" import onsChart %}
+
+{{
+    onsChart({
+        "chartType": "line",
+        "description": "Line chart showing the annual rate of inflation for the Consumer Prices Index including owner occupiers’ housing costs (CPIH) and its components.",
+        "theme": "primary",
+        "title": "Sales volumes and values saw moderate growth in July 2024",
+        "subtitle": "Figure 6: Upward contribution from housing and household services (including energy) saw the annual CPIH inflation rate rise",
+        "id": "id",
+        "headingLevel": 4,
+        "caption": "Source: Monthly Business Survey, Retails Sales Inquiry from the Office for National Statistics",
+        "download": {
+            'title': 'Download Figure 1 data',
+            'itemsList': [
+            {
+                "text": "Excel spreadsheet (XLSX format, 18KB)",
+                "url": "#"
+            },
+            {
+                "text": "Simple text file (CSV format, 25KB)",
+                "url": "#"
+            },
+            {
+
+                "text": "Image (PNG format, 25KB)",
+                "url": "#"
+            }
+        ]},
+        "footnotes": {
+            "title": "Footnotes",
+            "content": "<ol><li>Non-store retailing refers to retailers that do not have a store presence. While the majority is made up of online retailers, it also includes other retailers, such as stalls and markets.</li><li>More data are available in our Retail Sales Index datasets.</li></ol>"
+        },
+        "legend": true,
+        "xAxis": {
+            "title": "Year",
+            "type": "linear",
+            "labelFormat": "{value:.2f}",
+            "categories": [
+                'Oct 2014',
+                'Nov 2014',
+                'Dec 2014',
+                'Jan 2015',
+                'Feb 2015',
+                'Mar 2015',
+                'Apr 2015',
+                'May 2015',
+                'Jun 2015',
+                'Jul 2015',
+                'Aug 2015',
+                'Sep 2015'
+            ],
+            "tickIntervalMobile": 3
+        },
+        "yAxis": {
+            "title": "Sales",
+            "labelFormat": "{value:,.2f}"
+        },
+        "series": [
+            {
+                "name": 'CPIH',
+                "data": [
+                    1.3, 1.1, 0.7, 0.5, 0.4, 0.3, 0.3, 0.4, 0.3, 0.5, 0.4, 0.2
+                ]
+            },
+            {
+                "name": 'Goods',
+                "data": [
+                    0.3, 0.2, 1.0, 1.5, 2.0, 2.1, 1.9, 1.8, 2.0, 1.8, 2.0, 2.3
+                ]
+            },
+            {
+                "name": 'Services',
+                "data": [
+                    2.2, 2.1, 2.1, 2.1, 2.2, 2.2, 2.0, 2.1, 2.1, 2.2, 2.2, 2.2
+                ]
+            },
+            {
+                "name": 'CPIH excl energy, food, alcohol & tobacco',
+                "data": [
+                    1.5, 1.3, 1.4, 1.5, 1.4, 1.2, 1.1, 1.2, 1.0, 1.3, 1.2, 1.2
+                ]
+            }
+        ],
+        "percentageHeightDesktop": 35,
+        "percentageHeightMobile": 90,
+        "fallbackImageUrl": '/img/small/line-chart-screenshot.png'
+    })
+}}
