This is a migrated thread and some comments may be shown as answers.

Special Char like( Û , ê ,...

4 Answers 44 Views

Chart (Obsolete)

This is a migrated thread and some comments may be shown as answers.

Saed asked on 15 Jun 2014, 09:17 AM

1.png

2.png

Dear Support Team

Hello To All

I how Question regarding special characters like ( Û , ê ,...) when the chart element contain these characters the chart show something like the attachment 1

i include two snapshot one with these characters (1.png) and one without (2.png) , i can solve my problem by remove any characters like these before creating

chart (it will recrudesce speed and performance) also iam not happay with outputs , so anysugesstion...

4 Answers, 1 is accepted

answered on 18 Jun 2014, 08:42 AM

Hi Saed,

I have tried to reproduce the mentioned issue but to no avail - the chart is rendered properly in FireFox, IE and Chrome after placing special symbols in title and series names. Could you please try to reproduce the issue with the code below and then tell us what changes you have made, so that I can make an investigation locally:

ASPX:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadHtmlChart runat="server" ID="PieChart1" Transitions="true" Width="450px" Height="400px">

<PlotArea>

<Series>

<telerik:PieSeries StartAngle="90">

<LabelsAppearance Position="OutsideEnd" DataFormatString="{0} %" />

<TooltipsAppearance DataFormatString="{0} %" />

<SeriesItems>

<telerik:PieSeriesItem BackgroundColor="Purple" Exploded="true" Name="Û ê Internet Explorer" Y="18.3" />

<telerik:PieSeriesItem BackgroundColor="Orange" Exploded="false" Name="Û ê Firefox" Y="35.8" />

<telerik:PieSeriesItem BackgroundColor="Green" Exploded="false" Name="Û ê Chrome" Y="38.3" />

<telerik:PieSeriesItem BackgroundColor="Blue" Exploded="false" Name="Safari" Y="4.5" />

<telerik:PieSeriesItem BackgroundColor="Red" Exploded="false" Name="Opera" Y="2.3" />

</SeriesItems>

</telerik:PieSeries>

</Series>

</PlotArea>

<ChartTitle Text="Û ê Browser Usage for April 2012">

</ChartTitle>

</telerik:RadHtmlChart>

Regards,
Danail Vasilev
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

answered on 18 Jun 2014, 10:31 AM

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadHtmlChart runat="server" ID="PieChart1" Width="450px" Height="400px">

<PlotArea>

<Series>

<telerik:DonutSeries Name="Series 1" StartAngle="90">

<Items>

<telerik:SeriesItem BackgroundColor="Blue" Name="'saed" YValue="2" />

<telerik:SeriesItem BackgroundColor="Black" Name="ali'" YValue="5" />

</Items>

</telerik:DonutSeries>

</Series>

</PlotArea>

<ChartTitle Text="Û ê Browser Usage for April 2012">

<Appearance>

<TextStyle FontSize="16px"></TextStyle>

</Appearance>

</ChartTitle>

</telerik:RadHtmlChart>

</div>

</form>

</body>

</html>

try the above code

answered on 20 Jun 2014, 12:22 PM

Hi Saed,

You must use HTML entities for the quotes in labels. For example:

<telerik:RadHtmlChart runat="server" ID="PieChart1" Width="450px" Height="400px">

<PlotArea>

<Series>

<telerik:DonutSeries Name="Series 1" StartAngle="90">

<Items>

<telerik:SeriesItem BackgroundColor="Blue" Name="’saed" YValue="2" />

<telerik:SeriesItem BackgroundColor="Black" Name="ali’" YValue="5" />

</Items>

</telerik:DonutSeries>

</Series>

</PlotArea>

<ChartTitle Text="Û ê Browser Usage for April 2012">

<Appearance>

<TextStyle FontSize="16px"></TextStyle>

</Appearance>

</ChartTitle>

</telerik:RadHtmlChart>

More information is available in Handling Special Symbols help article.

Regards,
Danail Vasilev
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.