Invert change comparison when displaying percents in the UI … (#15098)

* Invert change comparison when displaying percents in the UI, and add extra _change_from metric to support API calculation of from change percent when there are more than two periods.

* Update bandwidth submodule

* update screenshots

* Update tests.

* Update screenshot.

1 files changed, 2 insertions, 1 deletions

diff --git a/plugins/CoreVisualizations/templates/_dataTableViz_htmlTable_comparisons.twig b/plugins/CoreVisualizations/templates/_dataTableViz_htmlTable_comparisons.twig
index 2a5852b21f..3ad571d9aa 100644
--- a/plugins/CoreVisualizations/templates/_dataTableViz_htmlTable_comparisons.twig
+++ b/plugins/CoreVisualizations/templates/_dataTableViz_htmlTable_comparisons.twig
@@ -1,6 +1,6 @@
 {% if properties.columns_to_display is not empty %}
 {% set lastSeenComparePeriod = false %}
-{% set comparedPeriodPretty = dataTable.getFirstRow().getMetadata('comparePeriodPretty') %}
+{% set comparedPeriodPretty = (dataTable.getRows()|last).getMetadata('comparePeriodPretty') %}
 {% set isComparingSegments = rootDataTable.getMetadata('compareSegments')|default([])|length > 1 %}
 {% set isComparingPeriods = rootDataTable.getMetadata('comparePeriods')|default([])|length > 1 %}
 {%- for rowId, row in dataTable.getRows() -%}
@@ -56,6 +56,7 @@
 
             {% set comparisonTooltipSuffix = '' %}
             {% set columnChange = false %}
+
             {% if row.getColumn(column ~ '_change')|default is not empty %}
                 {% set columnChange = row.getColumn(column ~ '_change')|default('+0%') %}
                 {% set comparisonTooltipSuffix = 'General_ComparisonRatioTooltip'|translate(columnChange, row.getMetadata('compareSegmentPretty'), comparedPeriodPretty) %}