Replace <br/> tags in tooltips with newlines

src/dashboard/cpi/_data/visualisation/all_category_barchart.yml

@@ -23,11 +23,11 @@ config:
   category: sector
   columns:
   - name: monthly
-    template: '{{sector}} <br/> monthly change:  {{ monthly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nmonthly change:  {{ monthly_pct_change | toFixed(1)}}%'
   - name: quarterly
-    template: '{{sector}} <br/> quarterly change:  {{ quarterly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nquarterly change:  {{ quarterly_pct_change | toFixed(1)}}%'
   - name: yearly
-    template: '{{sector}} <br/> yearly change:  {{ yearly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nyearly change:  {{ yearly_pct_change | toFixed(1)}}%'
   file: /data/cpi/cpi_all_category_bar_chart.csv
   legend:
     position: top right

src/dashboard/cpi/_data/visualisation/cpi_summary_barchart.yml

@@ -33,11 +33,11 @@ config:
   category: sector
   columns:
   - name: monthly
-    template: '{{sector}} <br/> monthly change:  {{ monthly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nmonthly change:  {{ monthly_pct_change | toFixed(1)}}%'
   - name: quarterly
-    template: '{{sector}} <br/> quarterly change:  {{ quarterly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nquarterly change:  {{ quarterly_pct_change | toFixed(1)}}%'
   - name: yearly
-    template: '{{sector}} <br/> yearly change:  {{ yearly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nyearly change:  {{ yearly_pct_change | toFixed(1)}}%'
   file: /data/cpi/cpi_summary_barchart.csv
   id: cpi_summary
   legend:

src/dashboard/cpi/_data/visualisation/time_series.yml

@@ -31,19 +31,19 @@ config:
     - name: x_tick_labels
       template: "{{ date_axis_label }}"
     - name: all_categories
-      template: "{{ named_date }}<br/>All Categories: {{cpi_index_00_all_items_2015_100}}"
+      template: "{{ named_date }}\\nAll Categories: {{cpi_index_00_all_items_2015_100}}"
     - name: youth_average
-      template: "{{ named_date }}<br/>All Categories: {{Youth-focused average}}"
+      template: "{{ named_date }}\\nAll Categories: {{Youth-focused average}}"
     - name: food_and_non_alcoholic_beverages
-      template: "{{ named_date }}<br/>Food & non-alcoholic beverages: {{cpi_index_01_food_and_non_alcoholic_beverages_2015_100}}"
+      template: "{{ named_date }}\\nFood & non-alcoholic beverages: {{cpi_index_01_food_and_non_alcoholic_beverages_2015_100}}"
     - name: transport
-      template: "{{ named_date }}<br/>Clothing & footwear: {{cpi_index_07_transport_2015_100}}"
+      template: "{{ named_date }}\\nClothing & footwear: {{cpi_index_07_transport_2015_100}}"
     - name: housing_energy
       template:
-        "{{ named_date }}<br/>Housing, water, electricity, gas & other fuels:
+        "{{ named_date }}\\nHousing, water, electricity, gas & other fuels:
         {{cpi_index_04_housing_water_and_fuels_2015_100}}"
     - name: recreation_and_culture
-      template: "{{ named_date }}<br/>Recreation & culture: {{cpi_index_09_recreation_&_culture_2015_100}}"
+      template: "{{ named_date }}\\nRecreation & culture: {{cpi_index_09_recreation_&_culture_2015_100}}"
   file: /data/cpi/cpi_linechart.csv
   legend:
     position: top right

src/dashboard/cpi/_data/visualisation/young_people_barchart.yml

@@ -23,11 +23,11 @@ config:
   category: sector
   columns:
   - name: monthly
-    template: '{{sector}} <br/> monthly change:  {{ monthly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nmonthly change:  {{ monthly_pct_change | toFixed(1)}}%'
   - name: quarterly
-    template: '{{sector}} <br/> quarterly change:  {{ quarterly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nquarterly change:  {{ quarterly_pct_change | toFixed(1)}}%'
   - name: yearly
-    template: '{{sector}} <br/> yearly change:  {{ yearly_pct_change | toFixed(1)}}%'
+    template: '{{sector}}\nyearly change:  {{ yearly_pct_change | toFixed(1)}}%'
   file: /data/cpi/cpi_barchart.csv
   id: cpi-young-people
   legend:

src/dashboard/labour-market/_data/visualisation/long_term_unemployment_3_years.yml

@@ -31,9 +31,9 @@ config:
     - name: x_tick_labels
       template: '{{ quarter_axis_label }}'
     - name: label_6_to_12_months
-      template: '{{quarter_label}} <br/> Proportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
     - name: label_12_months
-      template: '{{quarter_label}} <br/> Proportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
   series:
     - title: 6 to 12 months
       x: quarter_index

src/dashboard/labour-market/_data/visualisation/long_term_unemployment_3_years_minimal.yml

@@ -44,9 +44,9 @@ config:
           label: ''
   columns:
     - name: label_6_to_12_months
-      template: '{{quarter_label}} <br/> Proportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
     - name: label_12_months
-      template: '{{quarter_label}} <br/> Proportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
   series:
     - title: 6 to 12 months
       x: quarter_index

src/dashboard/labour-market/_data/visualisation/long_term_unemployment_all.yml

@@ -30,9 +30,9 @@ config:
     - name: x_tick_labels
       template: '{{ quarter_axis_label }}'
     - name: label_6_to_12_months
-      template: '{{quarter_label}} <br/> Proportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
     - name: label_12_months
-      template: '{{quarter_label}} <br/> Proportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
   series:
     - title: '6 to 12 months'
       x: 'quarter_index' # Column heading to use for x-value

src/dashboard/labour-market/_data/visualisation/long_term_unemployment_all_minimal.yml

@@ -50,9 +50,9 @@ config:
           label: ''
   columns:
     - name: label_6_to_12_months
-      template: '{{quarter_label}} <br/> Proportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion between 6 and 12 months: {{age_16_to_24_unemployed_6_to_12_months_rate_sa | toFixed(1) }}%'
     - name: label_12_months
-      template: '{{quarter_label}} <br/> Proportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
+      template: '{{quarter_label}}\nProportion over 12 months: {{age_16_to_24_unemployed_over_12_months_rate_sa | toFixed(1) }}%'
   series:
     - title: '6 to 12 months'
       x: 'quarter_index' # Column heading to use for x-value

src/dashboard/neet/_data/visualisation/all_young_men.yml

@@ -24,11 +24,11 @@ config:
     - name: x_tick_labels
       template: '{{ quarter_axis_label }}'
     - name: "Total"
-      template: "{{quarter_label}} <br/> NEET rate: {{men_age_16_to_24_neet_total_rate_sa | toFixed(1)}}%"
+      template: "{{quarter_label}}\\nNEET rate: {{men_age_16_to_24_neet_total_rate_sa | toFixed(1)}}%"
     - name: unemployed_tooltip
-      template: "{{quarter_label}} <br/> Unemployed rate: {{ men_age_16_to_24_neet_unemployed_rate_sa | toFixed(1) }}%"
+      template: "{{quarter_label}}\\nUnemployed rate: {{ men_age_16_to_24_neet_unemployed_rate_sa | toFixed(1) }}%"
     - name: economically_inactive_tooltip
-      template: "{{quarter_label}} <br/> Economically inactive rate: {{ men_age_16_to_24_neet_economically_inactive_rate_sa | toFixed(1) }}%"
+      template: "{{quarter_label}}\\nEconomically inactive rate: {{ men_age_16_to_24_neet_economically_inactive_rate_sa | toFixed(1) }}%"
   series:
     - title: "Total NEET rate"
       x: "quarter_index" # Column heading to use for x-value

src/dashboard/neet/_data/visualisation/all_young_people.yml

@@ -26,11 +26,11 @@ config:
     - name: x_tick_labels
       template: '{{ quarter_axis_label }}'
     - name: "Total"
-      template: "{{quarter_label}} <br/> NEET rate: {{people_age_16_to_24_neet_total_rate_sa | toFixed(1)}}%"
+      template: "{{quarter_label}}\\nNEET rate: {{people_age_16_to_24_neet_total_rate_sa | toFixed(1)}}%"
     - name: unemployed_tooltip
-      template: "{{quarter_label}} <br/> Unemployed rate: {{people_age_16_to_24_neet_unemployed_rate_sa | toFixed(1)}}%"
+      template: "{{quarter_label}}\\nUnemployed rate: {{people_age_16_to_24_neet_unemployed_rate_sa | toFixed(1)}}%"
     - name: economically_inactive_tooltip
-      template: "{{quarter_label}} <br/> Economically inactive rate: {{people_age_16_to_24_neet_economically_inactive_rate_sa | toFixed(1)}}%"
+      template: "{{quarter_label}}\\nEconomically inactive rate: {{people_age_16_to_24_neet_economically_inactive_rate_sa | toFixed(1)}}%"
   series:
     - title: "Total NEET rate"
       x: "quarter_index" # Column heading to use for x-value

src/dashboard/neet/_data/visualisation/all_young_women.yml

@@ -25,11 +25,11 @@ config:
     - name: x_tick_labels
       template: '{{ quarter_axis_label }}'
     - name: "Total"
-      template: "{{quarter_label}} <br/> NEET rate: {{women_age_16_to_24_neet_total_rate_sa | toFixed(1)}}%"
+      template: "{{quarter_label}}\\nNEET rate: {{women_age_16_to_24_neet_total_rate_sa | toFixed(1)}}%"
     - name: unemployed_tooltip
-      template: "{{quarter_label}} <br/> Unemployed rate: {{ women_age_16_to_24_neet_unemployed_rate_sa | toFixed(1) }}%"
+      template: "{{quarter_label}}\\nUnemployed rate: {{ women_age_16_to_24_neet_unemployed_rate_sa | toFixed(1) }}%"
     - name: economically_inactive_tooltip
-      template: "{{quarter_label}} <br/> Economically inactive rate: {{ women_age_16_to_24_neet_economically_inactive_rate_sa | toFixed(1) }}%"
+      template: "{{quarter_label}}\\nEconomically inactive rate: {{ women_age_16_to_24_neet_economically_inactive_rate_sa | toFixed(1) }}%"
   series:
     - title: "Total NEET rate"
       x: "quarter_index" # Column heading to use for x-value

src/dashboard/vacancies/_data/visualisation/growth_key_youth_sectors.yml

@@ -33,9 +33,9 @@ config:
   category: "Sector" # Category names come from
   columns:
     - name: growth_last_quarter
-      template: "{{Sector}} <br/> quarterly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
+      template: "{{Sector}}\\nquarterly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
     - name: growth_compared_with_2020
-      template: "{{Sector}} <br/> growth since pre-coronavirus:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
+      template: "{{Sector}}\\ngrowth since pre-coronavirus:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
   series:
     - title: "Growth since previous quarter (%)"
       value: "Growth since previous quarter (%)"

src/dashboard/vacancies/_data/visualisation/growth_wanted_youth_sectors.yml

@@ -33,9 +33,9 @@ config:
   category: "Sector" # Category names come from
   columns:
     - name: growth_last_quarter
-      template: "{{Sector}} <br/> monthly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
+      template: "{{Sector}}\\nmonthly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
     - name: growth_compared_with_2020
-      template: "{{Sector}} <br/> quarterly change:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
+      template: "{{Sector}}\\nquarterly change:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
   series:
     - title: "Growth since previous quarter (%)"
       value: "Growth since previous quarter (%)"

src/dashboard/vacancies/_data/visualisation/quarterly_growth_all_sectors.yml

@@ -33,9 +33,9 @@ config:
   category: "Sector" # Category names come from
   columns:
     - name: growth_last_quarter
-      template: "{{Sector}} <br/> monthly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
+      template: "{{Sector}}\\nmonthly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
     - name: growth_compared_with_2020
-      template: "{{Sector}} <br/> quarterly change:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
+      template: "{{Sector}}\\nquarterly change:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
   series:
     - title: "Growth since previous quarter (%)"
       value: "Growth since previous quarter (%)"

src/dashboard/vacancies/_data/visualisations.yml

@@ -121,9 +121,9 @@
     category: "Sector" # Category names come from
     columns:
       - name: growth_last_quarter
-        template: "{{Sector}} <br/> monthly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
+        template: "{{Sector}}\\nmonthly change:  {{ Growth since previous quarter (%) | toFixed(1)}}%"
       - name: growth_compared_with_2020
-        template: "{{Sector}} <br/> quarterly change:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
+        template: "{{Sector}}\\nquarterly change:  {{ Growth since pre-coronavirus January to March 2020 (%) | toFixed(1)}}%"
     series:
       - title: "Growth since previous quarter (%)"
         value: "Growth since previous quarter (%)"