Splunk Dev

How to use custom react visualization in Dashboard Studio?

lohit8846
Engager

Hello,

I am currently using the new splunk JSON & React framework to create dashboards and use custom visualizations. https://splunkui.splunk.com/Packages/dashboard-docs/

However, one big issue I have is that I cannot create dashboards using dashboard studio and include custom visualizations. Only the default splunk visualizations will show up in the toolbar when adding

Is there a way to include custom visualizations in dashboard studio? This would be really useful and make it easier to create & maintain dashboards without needing go into a react app for changes

Also what do these props mean? 

/**
* visualization can be added through the toolbar
*/
CustomViz.includeInToolbar = true;

/**
* can switch to this visualization through the editor viz switcher
*/
CustomViz.includeInVizSwitcher = true;

 

I did not notice any change of behavior by setting them to true and was not able to do any editing.

Thanks,

Lohit

Labels (2)
0 Karma

VatsalJagani
SplunkTrust
SplunkTrust

@lohit8846 , @rmccullagh - I have not made myself use Dashboard Studio a lot yet.

But I think this example should help you:

 

I hope this helps!!!

0 Karma

rmccullagh
Explorer

Would love an understanding of this as well - it seems Splunk need to come to the table in enabling third-party visualizations to work in Dashboard Studio.

0 Karma
Get Updates on the Splunk Community!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...