Sign in to follow this  
DamienK

stackedBar2D chart rendering weird contents

Recommended Posts

Hi
I am having an issue with stacked bar charts (javascript version)
I was migrating a flash chart to a javascript one, and the renders are not the same for the same JSON content
 
Here are some screenshots with the JSON example
Javascript code:

var aChart = new FusionCharts("StackedBar2D",
"aChart",
"316",
"222",
"0",
"1");
var jsonData = {"dataset": [{"color": "f4f4f4","data": [{"value": 1},{"value": 3},{"value": 48},{"value": 2},{"value": 7},{"value": 1},{"value": 1},{"value": 8},{"value": 7},{"value": 1},{"value": 2},{"value": 49},{"value": 34},{"value": 15}],"showvalues": 0}],"chart": {"yaxisminvalue": 0,"yaxismaxvalue": 50,"numdivlines": 4,"showsum": 1},"categories": [{"category": [{"label": "AAAAAAAA"},{"label": "BBBBBBBB"},{"label": "CCCCCCCC"},{"label": "DDDDDDDD"},{"label": "EEEEEEEE"},{"label": "FFFFFFFF"},{"label": "GGGGGGGG"},{"label": "HHHHHHHH"},{"label": "IIIIIIIII"},{"label": "JJJJJJJJJ"},{"label": "KKKKKKKKK"},{"label": "LLLLLLLLL"},{"label": "MMMMMMMMM"},{"label": "NNNNNNNNN"}]}]};
aChart.setTransparent(true);
aChart.setJSONData(jsonData);
aChart.render("chartContainer");

 

 
Flash code:

var aChart = new FusionCharts("Charts/StackedBar2D.swf",
"aChart",
"316",
"222",
"0",
"1");
var jsonData = {"dataset": [{"color": "f4f4f4","data": [{"value": 1},{"value": 3},{"value": 48},{"value": 2},{"value": 7},{"value": 1},{"value": 1},{"value": 8},{"value": 7},{"value": 1},{"value": 2},{"value": 49},{"value": 34},{"value": 15}],"showvalues": 0}],"chart": {"yaxisminvalue": 0,"yaxismaxvalue": 50,"numdivlines": 4,"showsum": 1},"categories": [{"category": [{"label": "AAAAAAAA"},{"label": "BBBBBBBB"},{"label": "CCCCCCCC"},{"label": "DDDDDDDD"},{"label": "EEEEEEEE"},{"label": "FFFFFFFF"},{"label": "GGGGGGGG"},{"label": "HHHHHHHH"},{"label": "IIIIIIIII"},{"label": "JJJJJJJJJ"},{"label": "KKKKKKKKK"},{"label": "LLLLLLLLL"},{"label": "MMMMMMMMM"},{"label": "NNNNNNNNN"}]}]};
aChart.setTransparent(true);
aChart.setJSONData(jsonData);
aChart.render("chartContainer");

 

 
In the screenshot you can see that some letters on the left are not displayed and the "1" values are not at the right place
The same thing is happening in Chrome, Firefox, Internet Explorer
 
Is this a known "bug" ?

 

Thanks in advance your replies

post-57348-0-45965100-1381409382_thumb.png

post-57348-0-39096200-1381409383_thumb.png

Edited by DamienK

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
Sign in to follow this