fix(viz): Show zero percent changes in Big Number Viz

[Antonio-RiveroMartnez]

SUMMARY

When preventing the division by zero we totally skipped zero percent changes to show. So, now if zero is present we avoid diving but still display zero.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before:

After:

TESTING INSTRUCTIONS

1. Create a KPI with trendline
2. Write "0" in Metrics / Custom SQL
3. Chose time comparison period = 1

Expected results:
+0.0% and suffix displays.

ADDITIONAL INFORMATION

• Has associated issue: [KPI with trendline] Time comparison isn't displayed when the value is stable and equal to 0 #17012
• Required feature flags:
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #20946 (a0f6db9) into master (bfd2a3d) will decrease coverage by 0.00%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##           master   #20946      +/-   ##
==========================================
- Coverage   66.38%   66.38%   -0.01%     
==========================================
  Files        1766     1766              
  Lines       67207    67222      +15     
  Branches     7129     7136       +7     
==========================================
+ Hits        44617    44622       +5     
- Misses      20766    20774       +8     
- Partials     1824     1826       +2     

Flag	Coverage Δ
javascript	52.11% <0.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...BigNumber/BigNumberWithTrendline/transformProps.ts	45.45% <0.00%> (-1.52%)	⬇️
...charts/src/Timeseries/Regular/Bar/controlPanel.tsx	31.25% <0.00%> (-4.47%)	⬇️
...gin-chart-echarts/src/Timeseries/transformProps.ts	54.65% <0.00%> (-1.31%)	⬇️
...mponents/controls/AnnotationLayerControl/index.jsx	9.67% <0.00%> (-0.50%)	⬇️
...end/src/components/Datasource/DatasourceEditor.jsx	65.87% <0.00%> (+0.13%)	⬆️
...tend/src/components/Datasource/CollectionTable.tsx	81.35% <0.00%> (+0.48%)	⬆️
...rc/explore/components/controls/TextAreaControl.jsx	81.81% <0.00%> (+1.81%)	⬆️

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[stephenLYZ]

LGTM