Line chart color options not working as expected. [in visualizer block options only]

[kushh23]

Description:

When you try to change the Horizontal axis base line color using color settings, it is not respecting the color choice and shows zero effect and when you change the color of the vertical axis base line, it changes the color of the horizontal axis instead of its own axis.

I also noticed that when you use the default color options given in settings, the color is not changing but when you pick the color using a color picker the changes are made easily. [this is happening in block options only ]

How to reproduce the Axis base line color issue :

1. Go to the visualizer menu and create a new line (or column) chart.
2. Go to a page /post and add a new block chart.
3. Use the existing chart that you created in the first step.
4. Go to Block settings > Advanced options > Horizontal axis settings > base line color.
5. Try to change the color of the base line.
6. Observe that nothing changes.
7. Now navigate to Vertical axis settings > base line color
8. Try to change the color of the base line.
9. Observe that changes are being made but in the Horizontal axis base line instead of the vertical axis.

How to reproduce the default color option issue :

1. Go to the visualizer menu and create a new line (or column) chart.
2. Go to a page /post and add a new block chart.
3. Use the existing chart that you created in the first step.
4. Go to Block settings > Advanced options > Horizontal axis settings > Axis Text color [same for vertical axis settings].
5. Try to change the color using default color options.
6. Observe that Nothing changes.
7. Now try to change the color using the color picker option.
8. Changes are being made.

Expected behavior:

• The color of the horizontal axis base line should be changed using the color options available in horizontal axis settings.
• The color option of the vertical axis setting should change the color of vertical axis base line instead of the horizontal axis base line.
• The axis text color should be changed using the default color options.

Current behavior:

• The color of the horizontal axis base line is not changing at all using the horizontal axis settings.
• The color settings of the vertical axis are interfering with the horizontal axis and changing its base line color instead of its own
• The axis text color is changed only using a color picker [default color options not working ]

Reference:

Screenshots for the first bug :

Loom video for the first bug :
https://www.loom.com/share/e0ddeb2c89884920ac9f9f31259a4915

Screenshot for the second bug :

Technical info

• WordPress version: 6.0.1
• Visualizer version: 3.7.10

[pirate-bot]

🎉 This issue has been resolved in version 3.7.11 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀