Hide / Show View
You can use this API to show or hide the specified view.
Function Call
ObjName.hide()
ObjName.show()
Sample Output
Sample Code:
Copied<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ZAnalytics JS API</title>
<link rel="icon" type="image/x-icon" href="https://analytics.zoho.com/favicon.ico">
<script src="https://downloads.zohocdn.com/zanalyticslib/jsapi/v1/zanalytics.min.js"></script>
</head>
<style>
button {
background: #fff;
border-radius: 3px;
border: 1px solid #b8b8b8;
height: 30px;
margin: 5px;
cursor: pointer;
}
</style>
<body>
<div class="viewcontainer">
<div class="row" style="float: right;">
<button onclick="vizObj.hide()">Hide View</button>
<button onclick="vizObj.show()">Show View</button>
</div>
<div id="analysisView"></div>
<script>
const containerDiv = document.getElementById("analysisView");
const url = "https://analytics.zoho.com/open-view/2588560000000010083";
const options = {
width: '100%',
height: 600
};
const vizObj = new ZAnalyticsLib(containerDiv, url, options);
vizObj.createViz();
</script>
</div>
</body>
</html>