All Apps and Add-ons

How to edit Treemap custom visualization using jquery/javascript?

mjlsnombrado
Communicator

Hi all,

How can I edit custom visualization properties/ add class for treemap, what are the classes needed to be included.
Thanks in advance.

require([
             'underscore',
             'jquery',
             'splunkjs/mvc',
             'splunkjs/mvc/tableview',
             'splunkjs/mvc/simplexml/ready!'
         ], function(_, $, mvc, TableView) {

               **codes**
});
0 Karma
1 Solution

niketn
Legend

@mjlsnombrado, Treemap Custom Visualization is built by Splunk so if there is an issue or enhancement you can also check with Splunk. If you want to make the changes yourself, you will have to edit the following file (this is the compiled version of JS file for the visualization).

$SPLUNK_HOME/Splunk/etc/apps/treemap_app/appserver/static/visualizations/treemap/visualization.js

To refer to how to build Custom Visualization through Custom Visualization API you should refer to the following documentation: https://docs.splunk.com/Documentation/Splunk/latest/AdvancedDev/CustomVizTutorial

Original Source Code is placed under the following path (however, if you make changes to this file, you will have to have all dependent libraries and recompile the complete code. So you should use this code only to understand as to which section does what and where the changed need to be made): $SPLUNK_HOME/Splunk/etc/apps/treemap_app/appserver/static/visualizations/treemap/treemap.js

Even if you make the changes to visualization.js and get it to work, you will need keep the list of changes so that in case there is an upgrade, you would need to sync the code changes manually.

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

View solution in original post

niketn
Legend

@mjlsnombrado, Treemap Custom Visualization is built by Splunk so if there is an issue or enhancement you can also check with Splunk. If you want to make the changes yourself, you will have to edit the following file (this is the compiled version of JS file for the visualization).

$SPLUNK_HOME/Splunk/etc/apps/treemap_app/appserver/static/visualizations/treemap/visualization.js

To refer to how to build Custom Visualization through Custom Visualization API you should refer to the following documentation: https://docs.splunk.com/Documentation/Splunk/latest/AdvancedDev/CustomVizTutorial

Original Source Code is placed under the following path (however, if you make changes to this file, you will have to have all dependent libraries and recompile the complete code. So you should use this code only to understand as to which section does what and where the changed need to be made): $SPLUNK_HOME/Splunk/etc/apps/treemap_app/appserver/static/visualizations/treemap/treemap.js

Even if you make the changes to visualization.js and get it to work, you will need keep the list of changes so that in case there is an upgrade, you would need to sync the code changes manually.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"
Get Updates on the Splunk Community!

What's new in Splunk Cloud Platform 9.1.2312?

Hi Splunky people! We are excited to share the newest updates in Splunk Cloud Platform 9.1.2312! Analysts can ...

What’s New in Splunk Security Essentials 3.8.0?

Splunk Security Essentials (SSE) is an app that can amplify the power of your existing Splunk Cloud Platform, ...

Let’s Get You Certified – Vegas-Style at .conf24

Are you ready to level up your Splunk game? Then, let’s get you certified live at .conf24 – our annual user ...