Splunk Dev

SplunkJs in an AngularJs app... How to re-render() the charts?

northben
Explorer

I am building a dashboard using AngularJs and Splunk. When I navigate back to a view, the charts are gone, and I can't figure out how to get them to re-render. I am not sure if this is more of a question for Splunk developers or Angular developers. I am still learning Angular, and there aren't a lot of SplunkJs examples/docs, so here I am.

The code in question begins here: https://github.com/northben/splunk-dashboard/blob/master/app/home/home.js#L62

Here's the deployed app: dashboard.pixelchef.net/
Here's my repo: https://github.com/northben/splunk-dashboard

0 Karma

northben
Explorer

I solved my own problem... Thanks to piUek on https://answers.splunk.com/answers/216495/how-to-force-re-rendering-of-chart-elements-in-htm.html, I was able to implement the following code (to be refactored, of course):

$scope.$on("$destroy", function() {
      mvc.Components.getInstance('mysearch1').dispose();
    });
0 Karma
Get Updates on the Splunk Community!

Optimize Cloud Monitoring

  TECH TALKS Optimize Cloud Monitoring Tuesday, August 13, 2024  |  11:00AM–12:00PM PST   Register to ...

What's New in Splunk Cloud Platform 9.2.2403?

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

Stay Connected: Your Guide to July and August Tech Talks, Office Hours, and Webinars!

Dive into our sizzling summer lineup for July and August Community Office Hours and Tech Talks. Scroll down to ...