How to add Percentage sign (%) in Bar 3D

[snehasingi]

Hello team, I want to add percentage sign in Bar 3D. Please help me with this. Below is my code

 

FusionCharts.ready(function () {
                var featureLevelChart = new FusionCharts({
                    "type": "bar3d",
                    "renderAt": "featureLevelStatus",
                    "width": "600",
                    "height": "200",
                    "dataFormat": "json",
                    "dataSource": {
                        "chart": {
                            //"yAxisName": "Project Status",
                            "theme": "fint",
                            "plotSpacePercent": "10",
                            "showPercentValues": "1",
                        },
                        "data": [
                            {
                                "label": "Compare Plans",
                                "value": "25%"
                            },
                            {
                                "label": "Plan Details Page Redesign",
                                "value": "15%"
                            },
                            {
                                "label": "Call Center Page Level Tracking (DialogTech)",
                                "value": "10%"
                            },
                        ]
                    }
                });
                featureLevelChart.render();

 

[Ayan Bhadury]

For providing values as percentage please set numberSuffix attribute as % at the chart level.

Please check the sample fiddle for reference - http://jsfiddle.net/7ee5tfj6/

[snehasingi]

Thanks a lot!!

 

I have one more question. how to reduce space between chart and legends? Also Can we decrease size of bars in Bar 3D?

[Ayan Bhadury]

Hi,

Please note Bar3d chart does not have any legend feature, kindly elaborate for which chart you are asking for reducing the space between the legends and chart, it would be really helpful if you share a sample fiddle for the same

Regarding your second query, you decrease the width of the bar either using plotSpacePercent or using maxBarHeight accordingly to requirements, please check the fiddle for reference - https://jsfiddle.net/opg9u50q/

[snehasingi]

Hi,

 

Sorry for confusion, I want toreduce space between chart and legends in pie 2d, 3d and Doughnut 2d chart

[Ayan Bhadury]

Hi,

Please use legendPadding attribute at the chart level and set the values accordingly, refer the fiddle for details - http://jsfiddle.net/2jemLhmr/