Gauge type Needle Dial not working

[charlesh88]

Summary

Selecting "Needle Dial" as the visualization type in a Gauge doesn't display the needle.

Gauge using Filled Dial: works as expected

Gauge using Needle Dial: does not work

Steps to Reproduce

1. Make or edit a Gauge.
2. Choose "Filled Dial" in the Gauge Type in the object's Properties dialog.
3. Add a data source and set the Gauge's min and max values such that current values will fall within the Gauge's display range.
4. Verify that you can see the Gauge filled similar to as shown above.
5. Edit properties on the Gauge and select "Needle Dial" in the Gauge Type in the object's Properties dialog. Save, nav away and back to the Gauge.
6. Verify that you cannot see the needle visualization in the Gauge.

Environment

• Open MCT Version: 9.0.0-rc10
• Deployment Type: dev server
• OS: Linux, Macos
• Browser: Chrome

Impact Check List

• Data loss or misrepresented data?
• Regression? Did this used to work or has it always been broken?
• Is there a workaround available?
• Does this impact a critical component?
• Is this just a visual bug with no functional impact?
• Does this block the execution of e2e tests?
• Does this have an impact on Performance?

Additional Information

[charlesh88]

Here's the problem - the needle path fill color is set to rgba 0 opacity:

And in Espresso:

[charlesh88]

Testing Notes

1. Follow Steps to Reproduce 1 - 5 above.
2. Now, verify that the needle is not hidden and is visible. Compare against reference images below for the current theme.
3. Use the console to load all themes Espresso, Snow and DarkmatterTheme (this.openmct.install(this.openmct.plugins.<theme name>()), and verify the previous step in these notes for each.

DarkmatterTheme

Espresso

Snow

[ozyx]

Verified ! LGTM

10/02/2024 - Testathon