I found an error but not sure if that's the root cause. on your vizFrame xml code like below:
<core:FragmentDefinition xmlns:l="sap.ui.layout" xmlns:f="sap.ui.layout.form" xmlns:core="sap.ui.core" xmlns="sap.m"
xmlns:mvc="sap.ui.core.mvc" xmlns:viz="sap.viz.ui5">
<l:Grid id="detailFragment" defaultSpan="L12 M12 S12" width="auto">
<l:content>
<ScrollContainer height="100%" width="100%" horizontal="false" vertical="true" focusable="true">
<viz:Bar id="idVizFrameBar" uiConfig="{applicationSet:'fiori'}" vizType="bar" width="100%" height="700px"/>
If you wish to use vizFrame, you should call namespace "xmlns:viz="sap.viz.ui5.controls"" and inside viz tag, you could call <viz:vizFrame id=......./>. It was because the correct namespace of vizFrame is sap.viz.ui5.cotnrols.vizFrame.
Don't forget to feed your dimensions and measures to vizFrame. Please check the feeding code on SAPUI5 Explored