Skip to content

Add required yAxis `type` to visualization designer

What does this MR do and why?

This MR updates the visualization designer, so it adds the required type field to the yAxis options.

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

Set up

  1. Follow these instructions to setup Product Analytics in GDK.
    • You will need to make sure to enable the combined_analytics_visualization_editor and combined_analytics_dashboards_editor feature flags from the instructions.
  2. Onboard Product Analytics by setting up the feature at Project > Analytics > Analytics dashboards.
  3. Follow the custom dashboards banner instructions to enable custom dashboards.
  4. View the dashboard listing at Project > Analytics > Analytics dashboards.

Testing the visualization designer

  1. Click the Visualization Designer button.
  2. Select various measures and visualization types, and each time confirm that:
    1. The visualization renders under the Data and Visualization tabs.
    2. The visualization query has "type": "value" under the yAxis options in the Code tab.
  3. Enter a visualization name and save the visualization.

Testing the dashboard

  1. Go back to the dashboard listing.
  2. Click the New dashboard button.
  3. Enter a dashboard name and select your custom-made visualization.
  4. Verify it renders without errors and save your dashboard.
  5. Verify the custom-made visualization renders on the saved dashboard and works with the date range filter as expected.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #423050 (closed)

Edited by Robert Hunt

Merge request reports