zoomOutViewLevel and setView don't work correctly when the target view is global view

[javafuns]

The issue happens when set new traffic data for vizceral object, and nodes are completely different.

TypeError: e is undefined
Stack trace:
value/<@http://localhost:8080/vizceral.min.js:75:2328
Yi/<@http://localhost:8080/vizceral.min.js:2:9561
nr@http://localhost:8080/vizceral.min.js:1:31972
Xi/<@http://localhost:8080/vizceral.min.js:2:9371
gs@http://localhost:8080/vizceral.min.js:2:25366
value@http://localhost:8080/vizceral.min.js:75:2284
value@http://localhost:8080/vizceral.min.js:1:10120
value@http://localhost:8080/vizceral.min.js:1:10429
value@http://localhost:8080/vizceral.min.js:1:12018
value@http://localhost:8080/vizceral.min.js:1:8088
value@http://localhost:8080/vizceral.min.js:1:9530

[jrsquared]

I need a lot more context about this to troubleshoot. Can you give me example JSON for the original graph, the example JSON for the graph you are trying to replace it with, and reproducible steps?

[javafuns]

let trafficData =
{
"renderer": "global",
"name": "edge",
"nodes": [
{
"renderer": "region",
"name": "INTERNET",
"class": "normal"
},
{
"renderer": "region",
"name": "us-east-1",
"class": "normal",
"updated": 1466838546805,
"maxVolume": 50000,
"nodes": [
{
"name": "INTERNET",
"renderer": "focusedChild",
"class": "normal"
},
{
"name": "proxy-prod",
"renderer": "focusedChild",
"class": "warning",
"notices": [
{
"title": "Platform service",
"link": "http://cloud.oracle.com/microservice/platform-service/about.html",
"severity": 1
}
],
"clusters": [
{
"name": "conveyorized",
"metrics": {
"danger": 15.376,
"normal": 22666.646
}
}
]
}
],
"connections": [
{
"source": "INTERNET",
"target": "proxy-prod",
"metadata": {
"nodeType": "deployment"
},
"metrics": {
"danger": 116.524,
"normal": 15598.906
},
"class": "normal"
}
]
}
],
"connections": [
{
"source": "INTERNET",
"target": "us-east-1",
"metrics": {
"normal": 26037.626,
"danger": 92.37
},
"notices": [
],
"class": "normal"
}
]
}

[javafuns]

let newTrafficData =
{
"renderer": "global",
"name": "edge",
"nodes": [
{
"renderer": "region",
"name": "INTERNET",
"class": "normal"
},
{
"renderer": "region",
"name": "us-west-1",
"updated": 1466838546805,
"maxVolume": 0,
"class": "normal",
"nodes": [
{
"name": "INTERNET",
"renderer": "focusedChild",
"class": "normal"
},
{
"name": "gradine",
"renderer": "focusedChild",
"class": "normal"
},
{
"name": "atma",
"renderer": "focusedChild",
"class": "normal"
},
{
"name": "cleavage",
"renderer": "focusedChild",
"class": "normal"
}
],
"connections": [
{
"source": "INTERNET",
"target": "gradine",
"metadata": {
"nodeType": "deployment"
}
},
{
"source": "INTERNET",
"target": "atma",
"metadata": {
"nodeType": "deployment"
}
},
{
"source": "INTERNET",
"target": "cleavage",
"metadata": {
"nodeType": "deployment"
}
}
]
}
],
"connections": [
{
"source": "INTERNET",
"target": "us-phoenix-1",
"metrics": {
},
"class": "normal"
}
]
}

[javafuns]

1. set trafficData
   viz.updateData(trafficData);
   viz.setView();
2. drill down to global->us-east-1->proxy-prod
3. update with new data (Please note the data is completely different)
   viz.updateData(newTrafficData);
4. zoom out to global level
   viz.zoomOutViewLevel();
   viz.zoomOutViewLevel();