Missing Labels On Large Dataset

[yonid]

Hi ,

 

I'm using Column2D Fusion chart SWF in order to render my JSON data.

When json dataset is too big some of the chart x-axies labels are missing (but the column data is displayed as expected).

Can you please guide me how to display the labels?

Thanks,

Yoni

 

 

 

Chart artifacts:

1) Javascript chart embedding

 

 

chartTypeMap: {

'col2d': 'Column2D.swf'

},

 

 

initChart: function() {

this.$('#report-chart').insertFusionCharts({

swfUrl: '/merchants/static/charts/' + this.chartTypeMap['col2d'],

dataSource: this.model.toJSON(),

dataFormat: 'JSON',

width: '100%',

height: '100%',

id: _.uniqueId('chart_'),

detectFlashVersion: 1/*,

debugMode: true*/

});

this.chartInitialized = true;

},

2) JSON data attached.

3) Screenshot attached.

chart json.txt

[Guest Rishi Choudhari]

Try adding "labelStep": "1" to the chart attributes.

 

Read more about labelStep in the docs - http://docs.fusioncharts.com/charts/contents/?ChartSS/Column2D.html#Anchor1

 

Hi ,

 

I'm using Column2D Fusion chart SWF in order to render my JSON data.

When json dataset is too big some of the chart x-axies labels are missing (but the column data is displayed as expected).

Can you please guide me how to display the labels?

Thanks,

Yoni

 

 

 

Chart artifacts:

1) Javascript chart embedding

 

 

chartTypeMap: {

'col2d': 'Column2D.swf'

},

 

 

initChart: function() {

this.$('#report-chart').insertFusionCharts({

swfUrl: '/merchants/static/charts/' + this.chartTypeMap['col2d'],

dataSource: this.model.toJSON(),

dataFormat: 'JSON',

width: '100%',

height: '100%',

id: _.uniqueId('chart_'),

detectFlashVersion: 1/*,

debugMode: true*/

});

this.chartInitialized = true;

},

2) JSON data attached.

3) Screenshot attached.

 

 

 

[Guest Rishi Choudhari]

However, alternate labels will still be skipped, given that the width of the chart is too less for all the labels to be displayed without overlap.

 

Try experimenting with various widths, and see the one that works best for your situation.

 

Also, FusionCharts XT automatically rotates the labels to a vertical when available width doesn't allow horizontal text. Thus, in this case, it would make sense if you always have "labelDisplay": "rotate" in the chart attributes.

[yonid]

Can someone please help ?

 

10x in advance,

Yoni

[Guest Bindhu]

Hi,

 

Like Rishi has mentioned you have to try experimenting with various widths, and see the one that works best for your situation.

 

I tried with 1100 as width and I was able to see all the data labels.

 

Please find attached screen shot of the chart rendered.

 

Hope this helps!