Pyaxis Name Length Issue

[xuen]

Hi,

 

I encounter an issue which is when the PYaxisName is too long, the alignment is not nice (not center).

 

Please see the image below and the XML text file.

 

Please help.

Thanks.

PYAxis Issue.txt

Edited September 6, 2012 by xuen

[Guest Sumedh]

Hi,

 

We are looking into this issue.

 

We will get back to you on this, shortly.

[xuen]

Hi,

 

Any update on the issue?

[Guest Sumedh]

Hi,

 

Your chart contains large amount of data. Depending on this data legend is also rendered. Also, chart labels are in rotated manner with slant property.

 

Due to legend icons and rotated (slant) labels, chart is managing space here.

 

Chart is calculating the alignment for PYAxisName to be appeared at the center, from the bottom of the legend to the uppermost portion of the chart.

 

Hence, the PYAxisName is getting displayed in this way.

 

As a work-around, you can align the legend using legendPosition attribute. You can align the legend at the right side of the chart.

 

Ref. Code:

<chart ... legendPosition='Right'>

 

And, you can also configure legendNumColumns, with the help of this attribute you can specify the number of columns that are to be displayed in the legend.

 

Increase the value of lengendNumColumns attribute.

 

Ref. Code:

<chart ... legendNumColumns='25'>

 

For more information, please refer the XML sheet of MSCombiDY2D chart:

http://docs.fusionch.../Combi2DDY.html

 

Please find attached screen-shot of the chart using the provided XML with above mentioned attributes configuration.

[xuen]

Hi,

 

Thanks for your reply.

You mention "Chart is calculating the alignment for PYAxisName to be appeared at the center, from the bottom of the legend to the uppermost portion of the chart."

 

But if I shorten the PAxisName = "Other Than Channel" and SAxisName = "Online", both can be in the center. The PAxisName doesn't look like is in the center from the bottom of the legend to the uppermost porttion of the chart.

 

Is there any scenario only will happen to render the PAxisName to be appeared at the center, from the bottom of the legend to the uppermost portion of the chart.?

 

Please see the attached image.

 

Thanks.

 

 

 

Hi,

 

Your chart contains large amount of data. Depending on this data legend is also rendered. Also, chart labels are in rotated manner with slant property.

 

Due to legend icons and rotated (slant) labels, chart is managing space here.

 

Chart is calculating the alignment for PYAxisName to be appeared at the center, from the bottom of the legend to the uppermost portion of the chart.

 

Hence, the PYAxisName is getting displayed in this way.

 

As a work-around, you can align the legend using legendPosition attribute. You can align the legend at the right side of the chart.

 

Ref. Code:

<chart ... legendPosition='Right'>

 

And, you can also configure legendNumColumns, with the help of this attribute you can specify the number of columns that are to be displayed in the legend.

 

Increase the value of lengendNumColumns attribute.

 

Ref. Code:

<chart ... legendNumColumns='25'>

 

For more information, please refer the XML sheet of MSCombiDY2D chart:

http://docs.fusionch.../Combi2DDY.html

 

Please find attached screen-shot of the chart using the provided XML with above mentioned attributes configuration.

Edited September 12, 2012 by xuen

[FusionCharts Support]

Hi,

 

I encounter an issue which is when the PYaxisName is too long, the alignment is not nice (not center).

 

 

 

Will You try centerYAxisName='0' once in <chart> element?

[xuen]

Hi,

 

No different.

 

Please help.

 

Will You try centerYAxisName='0' once in <chart> element?

[Guest Sumedh]

Hi,

 

centerYAxisName='0' attribute is supported only in Flash charts and in case you are using JavaScript charts this attribute is not supported.

 

Chart automatically allocates space for legend and rotated labels at x-axis, so PYaxisName is rendered accordingly. Since this depends on the data you are passing to the chart.

[xuen]

Hi,

 

So the only work around are:

1. Align the legend position to right

2. Increase the value of lengendNumColumns attribute.

 

 

 

Hi,

 

centerYAxisName='0' attribute is supported only in Flash charts and in case you are using JavaScript charts this attribute is not supported.

 

Chart automatically allocates space for legend and rotated labels at x-axis, so PYaxisName is rendered accordingly. Since this depends on the data you are passing to the chart.

[Guest Sumedh]

Hi,

 

Yes, it is the only work-around.

[xuen]

Hi,

 

one more question. Can the PYAxisName to be wrap text?

Please see the attached image.

 

 

Hi,

 

Yes, it is the only work-around.

[FusionCharts Support]

Hi,

 

Not directly. However, you can use {br} inside your axis names to represent a New-Line character which will break the names into multiple lines.

 

Example:

 

PYAxisName='Customer Count{br}(Other Than Online)' SYAXisName='Customer Count{br}(Online)'

[xuen]

Hi,

 

Thanks for the reply.

It is helpful.

 

 

Hi,

 

Not directly. However, you can use {br} inside your axis names to represent a New-Line character which will break the names into multiple lines.

 

Example:

 

PYAxisName='Customer Count{br}(Other Than Online)' SYAXisName='Customer Count{br}(Online)'

[Guest Sumedh]