Developing for Splunk Enterprise

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
*NEW* Splunk Love Promo!
Snag a $25 Visa Gift Card for Giving Your Review!

It's another Splunk Love Special! For a limited time, you can review one of our select Splunk products through Gartner Peer Insights and receive a $25 Visa gift card!

Review:





Or Learn More in Our Blog >>