prabhu.jeevan

Regarding Animation In Json

Recommended Posts

How can i achieve the following style in json (Now in XML)

 

<styles><definition><style name="Animation_0" type="ANIMATION" duration="3" start="0" param="_y" easing="Bounce"/>
 <style type="Bevel" name="Bevel_0" angle="210" Distance="40" shadowColor="5B005B" shadowAlpha="100" highlightColor="800080" highlightAlpha="61" blurY="6" Strength="4" Quality="2"/></definition>
 <application>
 <apply toObject="DATAPLOT" styles="Animation_0,Bevel_0"/>
 </application>
 </styles>

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi Prabhu,

 

Welcome to FusionCharts Forum.

 

JSON data is text based data consisting of key and value pairs in format key : value . The values have data associated with them.

 

So, you would need to convert it into key-value pair format.

 

For more information, please refer the following links:

http://docs.fusioncharts.com/charts/contents/?DataFormats/JSON/Overview.html

 

http://docs.fusioncharts.com/charts/contents/?DataFormats/JSON/SingleSeries.html

 

Also, you can get the XML to JSON and vice versa converter inside the tools folder.

Download package>> FusionCharts XT>> Tools>> FCDataConverter.

 

Below is the equivalent JSON of your XML:

 

Ref. Code:

 "styles": {
    "definition": [
      {
        "name": "Animation_0",
        "type": "ANIMATION",
        "duration": "3",
        "start": "0",
        "param": "_y",
        "easing": "Bounce"
      },
      {
        "type": "Bevel",
        "name": "Bevel_0",
        "angle": "210",
        "distance": "40",
        "shadowcolor": "5B005B",
        "shadowalpha": "100",
        "highlightcolor": "800080",
        "highlightalpha": "61",
        "blury": "6",
        "strength": "4",
        "quality": "2"
      }
    ],
    "application": [
      {
        "toobject": "DATAPLOT",
        "styles": "Animation_0,Bevel_0"
      }
    ]
  }
 
Hope this helps!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now