Bar chart shape

[Gayathri]

Hi,

 

PFA screen shot of a chart.

 

I want the same to be implemented using fusion chart.

 

Is there is any possible way to implement that in fusion bar chart.

 

I want the shape of the bar should be somthing similar to the screen shot.

 

Anyone kindly help me on this asap.

 

Thanks

 

[Vishalika]

Hi,

 

Implementing different chart types in web browser with different functions and events are supported by FusionCharts. The column chart is rendered as column instead of any other shape. To customize it according to the shapes, is not natively supported.

 

But you can try out with the help of new feature called Annotations which will  fulfill your requirement of column chart having the columns as shown in figure.

 

Annotations are user-defined objects or shapes drawn on a chart. Annotations are often required to make interpretation of the chart easy for the end user. 

 

The shape can be created using line annotations and is placed using macros.

 

You can refer to these links: 1. http://docs.fusioncharts.com/tutorial-configuring-your-chart-annotations.html

                                             2. http://docs.fusioncharts.com/tutorial-advanced-charting-annotations-dynamically-positioning-annotations-using-macros.html

 

Refer to this JSFiddle link for Annotations: http://jsfiddle.net/fusioncharts/Yq4EK/

 

Hope this helps.

Edited October 31, 2014 by Vishalika

[Gayathri]

Hi Vishalika,
 
Thanks for your response.
 
But i checked with the dual bar chart its not working fine for me 
 
I attached the zip file using this annotations.

 

Fusion bar.zip
 
Can u plz help me on this asap.
 
Thanks

Edited October 31, 2014 by Gayathri

[Vishalika]

Hi,

 

You are using the older version of FusionCharts where Annotations are not supported in the basic chart types.

 

Annotation are used from version 3.4 onward. Your requirement can be fulfilled using it but such type requires dynamic positioning of macros which will be difficult to plot.

 

You can download the package from this link: http://www.fusioncharts.com/download/

 

Hope this helps.

[Gayathri]

Hi Vaishalika,

 

Thanks for your reply.

 

After updating the fusion chart version im able to get that image.

 

But im getting that bar also.

 

PFB the screen shot of the output of the chart.

 

 

 

Thanks

 

[Nabajeet]

Hi Gayathri,

If you want to hide the column then set alpha=0 in the set of that particular column.
 

<set value='15000.00' alpha='0'/>

[Gayathri]

Hi Nabajeet,

 

PFB the screenshot of the output of the chart.

 

I want that image should be the replacement of the bar.

 

The shape of the bar should be something similar to the stick which is highlighted in the image.

 

Can u plz help me on this asap.

 

 

 

 

Thanks

Gayathri

 

[Nabajeet]

Hi,
 

​ In FusionCharts its not possible to replace the bars with any image internally, however you can use annotation​s to achieve the same and use macros to position the image.
 

You should position and scale the image according to your requirements, it is not done internally.
 

Please check the fiddle for a demo:
http://jsfiddle.net/nabajeet_fusioncharts/kjcm5jf1/1/

[Gayathri]

Hi Nabajeet,

 

Here we are using xml code and the link you have shared is for js fiddle..

 

so can you please provide the solution fo using xml code.

 

Thanks

Gayathri

[Nabajeet]

Hi,

Please find the XML version of the fiddle in the link.

http://jsfiddle.net/nabajeet_fusioncharts/kjcm5jf1/2/

[Gayathri]

Hi Nabajeet,

 

Thanks for the link  you shared for XML version of the bar chart.

 

i tried creating that but dynamic adjustment of size of that image in place of bar is not possible..

 

i want that image to get dynamically adjusted  corresponding to the value.

 

PFA screen shot for the error.

 

PFA code that im using to generate this type of chart.

 

 

Fusion bar.zip

 

 

Thanks

Gayathri

[Vishalika]

Hi Gayathri,

 

It is not possible to dynamically scale or adjust images according to data values.

 

Using macros in annotations, the chart elements can be dynamic with respect to height and width only.

 

Thanks.