Inversed Pyramid charts

[Gayathri]

Hi 

 

I want to display the inversed pyramid chart.

 

Is this possible in fusion chart.

 

 

[Gayathri]

Hi 

 

I want to change the colors of the pyramid slices..

 

I tried using color attribute but its not reflecting..

 

can some one help on this asap

[Vishalika]

Hi Gayathri,

 

To display Inverse Pyramid Chart, you can try out the Funnel Chart in FusionCharts Suite and check if it would meet your requirement.

 

The color attribute can be changed in each data element using the attribute 'color' in the XML/JSON file.

 

Check out this fiddle: http://jsfiddle.net/vishalika/wgfs39qf/1/

 

Hope this helps.

[Gayathri]

Hi Vaishalika,

 

 

 

I want to change the color using XML source, so if im trying to give color attribute its not working.

 

I just gave the color attribute inside the chart properties similar to this,

 

Color='000000,FDEC00,43D2DC'

 

But still the color of the pyramid slices are not changed.

 

Can u help on this ASAP...

 

Thanks. 

[Swarnam]

Hi Gayathri,

 

If you would like to provide a set of colors in the chart element, try using "paletteColors" attribute

<chart .... paletteColors="#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000"...>

Else, if you would like to specify color for individual slices, try using using "color" attribute in the set level

<set label='January' value='17400' color='#00008B' />

Hope this helps.

[Gayathri]

Hi Swarnam,

 

I tried giving  paletteColors option like the below format,

 

<chart .... paletteColors="#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000"...>

 

But the colors are not getting reflected...

 

Im not able to give the colors in <set> attribute as the values in set attribute are updated dymanically..

 

so can u please help on this asap.

 

Thanks 

[Vishalika]

Hi Gayathri,

 

The above solution provided should work since from our end such case has not occurred.

 

Can you please share your data through JSFiddle link so that I can try to replicate the issue from my end?

 

Awaiting response.

[Gayathri]

Hi Vishalika,

 

PFB the code for pyramid chart i used ,

 

<chart caption="Sample Pyramid Chart"  canvasBgColor='FFFFFF' canvasBaseColor='FFFFFF' baseFontColor='000000' showBorder='1' bgColor='FFFFFF'  bordercolor='000000'  tooltextBorderColor='114B78' paletteColors='43D2DC,A9E2F3,B966B9' showvalues='1' showlabels='1' tooltextBgColor='A9E2F3' plotSpacePercent='50' showlegend='0'>

<set label='Chennai'

 value='2.14' />

<set label='Bangalore'

 value='1.84' />

<set label='Kolkatta'

 value='1.67' />

<styles><definition><style type="font" name="CaptionFont" size="12" color="000000" bold="1" align="Center" /><style type="font" name="SubCaptionFont" bold="1" color="000000" align="Center" /></definition><application><apply toObject="caption" styles="CaptionFont" /><apply toObject="SubCaption" styles="SubCaptionFont" /></application></styles></chart>

 

Kindly Check and tell me the response back asap,

 

Thanks

[Vishalika]

Hi Gayathri,

 

As per you XML data, I have rendered a pyramid chart and it is working perfectly fine without any modification.

 

I have attached the sample created.

 

Hope it helps.

 

Pyramid.zip