Change Chart Type
You can use this API to change the chart type of the specified view. It allows you to change the chart type to any compatible chart type.
Function Call
Objname.changeChartType('ChartType')
Parameters
| Parameter Name | Description |
| Chart Type | String Enter the type of chart to which the specified view needs to be changed.
|
Sample Response
Sample Request:
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.changeChartType('area')">Area Chart</button>
<button onclick="vizObj.changeChartType('bubble')">Bubble Chart</button>
<button onclick="vizObj.changeChartType('line')">Line Chart</button>
<button onclick="vizObj.changeChartType('pie')">Pie Chart</button>
<button onclick="vizObj.changeChartType('web')">Web Chart</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>