Dashboards & Visualizations

How to add vertical scrolling to a bar chart?

tejajag
Explorer

I am trying to display a bar chart with only 10 events displayed at a time and is vertically scrollable to view all the events.

0 Karma
1 Solution

tejajag
Explorer

Following approach worked for me!

  1. set the height option in the xml such that it displays only 10/required number of results
  2. set a token in the xml that stores the count of query results(use $job.resultCount$) when the query execution is in progress/done.
  3. use Java Script to get the count token value using splunkJS defaultTokenModel and calculate the height to set based on the result count and then set the height on $('#bar.viz-controller') element.

View solution in original post

0 Karma

tejajag
Explorer

Following approach worked for me!

  1. set the height option in the xml such that it displays only 10/required number of results
  2. set a token in the xml that stores the count of query results(use $job.resultCount$) when the query execution is in progress/done.
  3. use Java Script to get the count token value using splunkJS defaultTokenModel and calculate the height to set based on the result count and then set the height on $('#bar.viz-controller') element.
0 Karma
Get Updates on the Splunk Community!

CX Day is Coming!

Customer Experience (CX) Day is on October 7th!! We're so excited to bring back another day full of wonderful ...

Strengthen Your Future: A Look Back at Splunk 10 Innovations and .conf25 Highlights!

The Big One: Splunk 10 is Here!  The moment many of you have been waiting for has arrived! We are thrilled to ...

Now Offering the AI Assistant Usage Dashboard in Cloud Monitoring Console

Today, we’re excited to announce the release of a brand new AI assistant usage dashboard in Cloud Monitoring ...