Setting Chart Plugin Size in Percentage from JavaScript

In this topic, we are going to explain you how to set Chart Plugin size in percentage. This will resize the chart depending upon the browser size.

 

<div id="VisifireChart0">

 

        <script type="text/javascript">

 

            // Create Visifire object

            var vChart = new Visifire("SL.Visifire.Charts.xap", '100%', '100%');

 

            // Set Uri of the Xml data

            vChart.setDataUri('data.xml');           

 

            vChart.render("VisifireChart0");

 

        </script>

 

</div>

 

Note: Make sure that chart's Width and Height properties are not set in data.xml.