Show Components in Dashboards
At the moment Product Analytics Dashboards are able to show product analytics visualizations (which contain the query definition and how to render the data) which are stored in seperate files to be reused across multiple dashboards.
Example definition of a visualization inside a dashboard:
{
"id":1,
"visualization":"page_views",
"title":"Page Views",
"gridAttributes":{
"yPos":0,
"xPos":10,
"width":2,
"height":1
},
"options":{}
}
During the render time, the visualization file content gets "merged".
Rendering components
To extend the functionality for rendering important parts in the dashboard we want to be able to render Vue components with specific options to be set. For example for VSA (!107966 (comment 1229948624)), funnels, also super straight forward components like headlines, etc. Having there visualization files additionally would create big overheads especially a lot of components will have only 1-3 options for example for which projects or groups the component needs to render.
{
"id": 2,
"visualization": "DORAChart",
"visualizationType": "builtin", // Can be either 'builtin' (for rendering straight components) or 'YML'
"title": "",
"gridAttributes": {
"yPos": 4,
"xPos": 0,
"width": 12,
"height": 4
},
"options": {
"namespace": {
"name": "flightjs/Flight",
"requestPath": "flightjs/Flight",
"isProject": "true"
}
}
}