feat: derived metrics use different line style

[zhaoyongjie]

SUMMARY

The legacy line chart(NVD3) with the time shift has a feature that the derived metrics were displayed dashed line rather than a solid line. For example, a Line Chart has a metric be called sum(sales), and select time shift 1 month ago in Advanced Analytics, the line of sum(sales) was displayed solid line and derived metric sum(sales)__1 month ago was displayed dashed line.

This PR introduces this feature on the new chart.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

After

Before

TESTING INSTRUCTIONS

ADDITIONAL INFORMATION

• Has associated issue:
• 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

[stephenLYZ]

/testenv up

[github-actions]

@stephenLYZ Container image not yet published for this PR. Please try again when build is complete.

[github-actions]

@stephenLYZ Ephemeral environment creation failed. Please check the Actions logs for details.

[codecov]

Codecov Report

Merging #20242 (f92bf75) into master (d4f320f) will increase coverage by 0.00%.
The diff coverage is 87.50%.

@@           Coverage Diff           @@
##           master   #20242   +/-   ##
=======================================
  Coverage   66.48%   66.48%           
=======================================
  Files        1726     1727    +1     
  Lines       64790    64798    +8     
  Branches     6829     6832    +3     
=======================================
+ Hits        43076    43083    +7     
  Misses      19978    19978           
- Partials     1736     1737    +1     

Flag	Coverage Δ
javascript	51.34% <87.50%> (+<0.01%)	⬆️

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

Impacted Files	Coverage Δ
...gin-chart-echarts/src/Timeseries/transformProps.ts	58.33% <0.00%> (-0.62%)	⬇️
...lugin-chart-echarts/src/Timeseries/transformers.ts	50.40% <ø> (ø)
...rt-controls/src/operators/utils/isDerivedSeries.ts	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update d4f320f...f92bf75. Read the comment docs.

[rusackas]

/testenv up

[github-actions]

@rusackas Ephemeral environment spinning up at http://35.88.137.13:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[stephenLYZ]

LGTM!

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.