Hi Experts,
Thanks in advance.. 😊
I am facing an issue while adding chart Container to my sapui5 fragment..

Below is my code,
<core:FragmentDefinition xmlns:core="sap.ui.core"
xmlns:mvc="sap.ui.core.mvc"
xmlns:viz="sap.viz.ui5.controls"
xmlns:suite="sap.suite.ui.commons"
xmlns="sap.m"
xmlns:vbm="sap.ui.vbm"
xmlns:l="sap.ui.layout"
xmlns:f="sap.ui.layout.form"
xmlns:layout="sap.ui.layout">
<l:Splitter width="100%" height="100%">
<l:contentAreas>
<suite:ChartContainer
id="chartContainer"
showFullScreen="true"
showPersonalization="false"
autoAdjustHeight="false"
showLegend="true"
personalizationPress="attachPersonalizationPress"
contentChange="attachContentChange"
title="Revenue">
<suite:content>
<suite:ChartContainerContent>
<suite:content>
<viz:VizFrame id="idVizFrameHourly" height="100%" width="98%" uiConfig="{applicationSet:'fiori'}"> </viz:VizFrame>
</suite:content>
</suite:ChartContainerContent>
</suite:content>
</suite:ChartContainer>
</l:contentAreas>
</l:Splitter>
</core:FragmentDefinition>
MY BOOTSTRAP SECTION IS GIVEN BELOW
<script src="resources/sap-ui-core.js"
id="sap-ui-bootstrap"
data-sap-ui-libs="sap.m,sap.viz"
data-sap-ui-theme="sap_bluecrystal"
data-sap-ui-xx-bindingSyntax="complex"
data-sap-ui-libs="sap.ui.commons,sap.m,sap.ui.core,sap.ui.ux3,sap.ui.comp,sap.ca.ui,sap.suite.ui.commons"
data-sap-ui-resourceroots='{"abc.cnp":"./"}'
>
</script>