Draft: Rendering Vue Components in Dashboards
What does this MR do and why?
Issue: #387628 (closed)
- Basic setup for rendering Vue Components in Dashboarding
- Added
visualizationType
added, with eitheryml
(for files loaded) orbuiltin
(Vue Components) - I added now a test setup for the DORA Chart component (which i didn't change here, but did in my spike to test - !104077 (diffs))
Custom Test Dashboard
id: new_dashboard
title: New dashboard 1234
panels:
- id: 1
visualization: page_views_per_day
visualizationType: yml
gridAttributes:
yPos: 0
xPos: 0
width: 7
height: 4
options: {}
- id: 2
visualization: DORAChart
visualizationType: builtin
gridAttributes:
yPos: 4
xPos: 7
width: 5
height: 4
options:
namespace:
name: awesome-co-root-58e999/ops
requestPath: awesome-co-root-58e999/ops
isProject: 'true'
- id: 3
visualization: page_views_per_day
visualizationType: yml
gridAttributes:
yPos: 0
xPos: 7
width: 5
height: 4
options: {}
Screenshots or screen recordings
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
Enable the combined_analytics_dashboards_editor
feature flag
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
closes #387628 (closed)
Edited by Ezekiel Kigbo