Dashboards & Visualizations

What should I add to require in my HTML dashboard in order to import my custom JS script?

Escher
Engager

I have a custom JS script located under appserver/static/components within my Splunk app. What should I add to require in my HTML dashboard in order to make this custom script callable from within my dashboard?

stoutrw
Path Finder

So it should look something like this:

Javascript: my_script.js

require([
   'underscore',
   'jquery',
   'backbone',
   '../app/my_app/components/myComponent',
   'splunkjs/mvc',
   'splunkjs/mvc/simplexml/ready!'
], function (_,$,Backbone, myComponent, mvc) {

#Use your component
var my_comp = new myComponent();
my_comp.doStuff();

});

XML:

<form script="my_script.js">
...
</form>
0 Karma

stoutrw
Path Finder

@Escher Is this what you were looking for?

0 Karma

niketn
Legend

What kind of Javascript? Splunk JS Extension or Completely custom Javascript like jQuery?

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
0 Karma

Escher
Engager

My script is a SplunkJS extension built off Backbone.View

0 Karma

niketn
Legend

Have you referred to following example of adding a Sankey diagram to HTML dashboard?
http://dev.splunk.com/view/webframework-tutorials/SP-CAAAEN6

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.
Get Updates on the Splunk Community!

Thanks for the Memories! Splunk University, .conf25, and our Community

Thank you to everyone in the Splunk Community who joined us for .conf25, which kicked off with our iconic ...

Data Persistence in the OpenTelemetry Collector

This blog post is part of an ongoing series on OpenTelemetry. What happens if the OpenTelemetry collector ...

Introducing Splunk 10.0: Smarter, Faster, and More Powerful Than Ever

Now On Demand Whether you're managing complex deployments or looking to future-proof your data ...