How To Align 'chartnodatatext'

[SuvKrish]

How to align (center) 'ChartNoDataText' value in fusion charts.?

[Guest Sumedh]

Hi SuvKrish,

 

Can you please elaborate more on your requirement?

 

By default, if you set any string for "ChartNoDataText", it will aligned in the center.

 

For more information, please refer this URL:

http://docs.fusioncharts.com/charts/contents/advanced/ChartMessages.html

[SuvKrish]

Hi Sumedh,

 

Thanks for your reply. 

 

My problem is I have to display charts name in first line  and message should be in second line (message is lengthier than report name). Both should be center aligned.

Its aligned correctly in Mozilla and IE. But not in Chrome. 

 

eg:

                                                                               Chart Name

                                                               No data to display for your condition

 

Thanks

Suvarna

[Haritha]

Hi Suvarna,

 

If you want to display charts name in first line and message should be in second line like you have mentioned in the example, you may need to use "\n" inside the configure() function.

 

Eg.  myChart.configure( "ChartNoDataText", "               Chart Name \n No data to display for your condition");

 

The "\n" is used to move the cursor to the next line before it starts writing again. Empty spaces are given before the chart name for the alignment to work correctly in chrome also. These empty spaces, however, are ignored by IE and Firefox. Hence, the alignment now works for all the browsers.

 

Hope this helps.

[SuvKrish]

Hi Haritha,

 

Thanks a lot ..It works for me.

 

Cheers 

Suvarna

[Haritha]

[BinayakGoyall]

Hi Haritha,

 

What if my requirement is to left align this message, something like

 

         Chart Name

         No data to display for your condition

 

Thank,

Binayak

[Gagan Sikri]

Hi

 

It is not possible to change `dataEmptyMessage` alignment, error messages in FusionCharts are aligned to center of canvas.

 

Though, you can change cosmetics of message using available attributes. Please refer to this JSFiddle sample for the same: http://jsfiddle.net/s7t8F/1350/