How To Change Or Set The Chart Properties From Html File

Damodharan · December 12, 2012

HI,

We have to change the chart properties from HTML using JavaScript's. I provide one sample here.

Please guide me to handle to change the chart properties

<html>

<head>

<title>Update Chart data</title>

</script>

</head>

<body>

<div id="chartContainer">FusionCharts will load here!</div>

var myChart = new FusionCharts( "charts/Column3D.swf",

"myChartId", "800", "600", "0", "1" );

myChart.setXMLUrl("data.xml");

myChart.render("chartContainer");

function showData(format)

{

var chartReference = FusionCharts( "myChartId" );

//alert( chartReference.getXMLData() );

//alert( "=="+chartReference.getChartData('xml') );

// alert( chartReference.getDataAsCSV())

}

// -->

</script>

</body>

</html>

DATA FILE

</chart>

for this Chart we have to change the chart animation from 1 to 0 and showLabels from 1 to 0 like that we have to change some chart properties from inside HTML using javascript

December 12, 2012

Hello!

Welcome to FusionCharts Forum!

FusionCharts JavaScript class allows you to change various settings and properties of an existing chart.

You can use this feature to dynamically update the chart titles, theme colors, number formatting or scaling setup, divisional line and grid configurations and other functional and cosmetic features of an existing chart.

For example, you can change the "animation" attribute from 1 to 0.

Ref Code:

var chartReference = FusionCharts("myChartId");

chartReference.setChartAttribute({"animation" : "0"});

Please refer to the following link for more information.

http://docs.fusionch...Properties.html

Hope this helps!

Edited December 12, 2012 by Chaitra

Sign In

How To Change Or Set The Chart Properties From Html File

Recommended Posts

Damodharan

Share this post

Link to post

Share on other sites

Guest Chaitra

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity