Chart Series Name Apostrophe Problem

[Vlad]

When trying to assign a string with apostrophe to chart series name will cause chart to break.

I get this error when I view firebug console
SyntaxError: missing } after property list

series: [{color: 'Red',name: 'Welch's 64 oz Juice 2012',tooltip :{visible :true}... Teleri...85f9819 (line 7458, col 36)

Thanks

[Vlad]

Escaping single quote  solved the issue for now.

chartSeriesPromotion.Name = promoname.Replace("'","\\'");

Thanks

[Marin Bratanov]

Hi Vlad,

RadHtmlChart renders through JavaScript and thus all strings you pass have to go through JavaScript. This causes the need to escape some symbols that are special for JavaScript (e.g. apostrophe and backslash). Nevertheless, I am logging this scenario for further research to see if we can improve this behavior without breaking the control or the displayed sting by including some form of automatic escaping. You can monitor the release notes to see if/when this becomes available.


Regards,
Marin Bratanov
the Telerik team

[Alex]

I'm also encountering this issue.

It's proving to be a real pain as we pull strings for different languages back from a resources file, as it's only this one control that is broken I can't change the language file with an escaped character.

`<TitleAppearance Position="Center" RotationAngle="270" Text="<% Resources:Common, PAGES %>" ></TitleAppearance>`

We substitute language files like this, so I cannot easily just escape it.

[Ianko]

Hi Alex,

As Marin explained, this matter comes due to JavaScript behavior and this quotes should be escaped with the appropriate characters.

This is a general JS matter and we are unable to control this in the control.

I can suggest using regex expressions to handle this on saving the string fields or on loading them into the chart.

Regards,
Ianko
Telerik

 

 

[willk]

For anyone having this issue, there is a simple .NET command to fix this:

Variable = "This doesn't have any problem \ with escape characters"

Variable = HttpUtility.JavaScriptStringEncode(Variable)

You can now assign Variable to names within any javascript element such as RadChart series names.