Uma Mahesh

Rendering Issue With Js Version

Recommended Posts

Hi I am evaluating the Fusion Charts to convince my client that Fusion charts are able to render the charts on iPad and Android version tablets and mobiles. For that I am preparing a demo and I was hit by a rendering issues (color and VLine issues).

 

See attached Flash Version and JSVersion PNG Files. I am using the below code.

 

<html>

<head>

<title>My First chart using FusionCharts - Using pure JavaScript</title>

<script type="text/javascript" src="FusionCharts.js"></script>

</head>

<body>

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

<script type="text/javascript"><!--

 

FusionCharts._fallbackJSChartWhenNoFlash();

 

var myChart = new FusionCharts( "SplineArea.swf",

"myChartId", "400", "300", "0", "1" );

myChart.setXMLUrl("SplineArea.xml");

myChart.render("chartContainer");

 

// -->

</script>

</body>

</html>

 

 

 

 

here is the xml file content

 

<chart showValues='0' >

<set label="Great Price" value="0" color='0B5286' anchorAlpha='0'/>

<set label="" value="10" color='5998C1' anchorAlpha='0'/>

<set label="Good Price" value="29" color='5998C1' drawAnchor='1' anchorRadius='5'/>

<vline color='000000' linePosition='0' thickness='2'/>

<set label="" value="10" color='5E5E5E' anchorAlpha='0'/>

<set label="Above Market" value="0" color='5E5E5E' anchorAlpha='0'/>

</chart>

 

can you help me out from this..

 

Thanks in Advance,

Uma Mahesh

post-21198-0-72172400-1316434335_thumb.png

post-21198-0-20471700-1316434356_thumb.png

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Thanks for your post.

 

This issue will be fixed in our next release of FusionCharts i.e v 3.2.2.

 

We will get back to you once there is any news from our end.

 

Thank you very much for your continued patience and patronage.

 

Hope you have a great day!

Share this post


Link to post
Share on other sites

Hi Angshu,

 

Can you let me know the tentetive time line that the V 3.2.2 will be released to market at least for beta testing.

 

Thanks in Advance

Uma Mahesh

 

Hi,

 

Thanks for your post.

 

This issue will be fixed in our next release of FusionCharts i.e v 3.2.2.

 

We will get back to you once there is any news from our end.

 

Thank you very much for your continued patience and patronage.

 

Hope you have a great day!

Share this post


Link to post
Share on other sites

Hi Angshu,

 

Can you let me know the tentetive time line that the V 3.2.2 will be released to market at least for beta testing.

 

Thanks in Advance

Uma Mahesh

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

We are glad to inform you that FusionCharts v 3.2.2. will be released within a week .

 

Thank you very much for your continued support.

 

Hope you have a great day!

Share this post


Link to post
Share on other sites

Hi,

 

We are glad to inform you that FusionCharts v 3.2.2. will be released within a week .

 

Thank you very much for your continued support.

 

Hope you have a great day!

 

Thats good to hear. I was starting to get confused as to why my JS pie charts didnt look anything like yours do in the demo: http://www.fusioncharts.com/gallery/Chart.asp?pie2d_3

 

Viewing the src shows you're using fusioncharts/3.2.2-release.3880 which seems to use a new version of HighCharts too.

Its not great showing demo's using code that isnt publicly available ;)

Share this post


Link to post
Share on other sites

Hi Angshu,

 

The Color issue is still there. the vertical line is coming correct but the vertical colors (three in original attachment is yet to be fixed i guess) is having issue. Please see the below attached Flash and JS Versions. I need to reproduce the Same Look and feel what Flash version is providing. Below is the XML I am using. Is there any way to acheive this. Please let me know.

 

<chart plotFillColor="5998C1" showValues="0" showToolTip="0">
<set label="Great Price" value="0" color='0B5286' anchorAlpha='0'/>
<set label="$12,632" value="10" color='5998C1' anchorAlpha='0'/>
<set label="Good Price" value="29" color='5998C1' drawAnchor='1' anchorRadius='5'/>
<vline color='000000' linePosition='0' thickness='2'/>
<set label="$15,878" value="10" color='5E5E5E' anchorAlpha='0'/>
<set label="Above Market" value="0" color='5E5E5E' anchorAlpha='0'/>

<styles>

<definition>
<style name="Bevel" type="bevel" distance="2" blurx="4" blury="1"/>
<style name="DataValues" type="font" borderColor="1D8BD1" bgColor="1D8BD1" color="FFFFFF"/>
</definition>

<application>
<apply toObject="DATAPLOT" styles="Bevel"/>
<apply toObject="DATAVALUES" styles="DataValues"/>
</application>
</styles>
</chart>

 

 

 

Thanks in Advance.

 

Uma Mahesh

post-21198-0-84734500-1317636228_thumb.png

post-21198-0-81145000-1317636240_thumb.png

Share this post


Link to post
Share on other sites

Hi,

 

Please note that the color issue in the Spline Area chart would be resolved in the next upgraded version of PowerCharts, i.e PowerCharts XT.

 

This is scheduled to release within next few quarters.

 

Thank you for your continued patience and support. :)

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