HtmlChart rendering in UI for ASP.NET AJAX

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

HtmlChart rendering

4 Answers 117 Views

Chart (HTML5)

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

Aurelio Righetti asked on 13 Jun 2012, 12:26 PM

Image1.png

Image2.png

Image3.png

Hi... I have problems with some examples in local:

Component HtmlChart

1)The sample First look, not show the line on local, in you site sample work Ok. See image 1.

2) The sample Chart Types -> Pie Chart not show the Pie..in you site sample work Ok. See image 2.

3) The sampe DataBinding -> List not show the line vertical (here the same problem of the 1° sample but vertically),in you site sample work Ok. See image 3.

I have the same problem in all the sample with the same type of chart described above.

PS) My OS language is Italian and the culture is IT, and tested with IE,FireFox,Safari and Chrome

Thanks
Aurelio

4 Answers, 1 is accepted

answered on 15 Jun 2012, 10:49 AM

Hi Aurelio,

This is some really strange behavior you are reporting. Can you confirm you have note modified the examples in any way, i.e. that you run them as they come bundled with the installation? Do the online demos we have display properly on your end? Does copying the markup from the online examples to a new project yield a functional chart? Is the culture you set from the OS or is is the Culture property of the pages? I was able to reproduce a problem when the Culture property of the page is set to certain cultures and I am logging this problem for research. You can monitor its progress in this PITS item. I have also updated your Telerik points for helping us find this problem.

Another thing I would like you to check are different browsers, their configuration and plugins - does this behavior occur in all browsers even if they do not have explicit cutlure set? What happens if you reset their settings to default in case some modification is causing a problem with scripts? Does disabling add-ons and plugins help?

What happens if you replace the two databound examples (first look and databinding) with static items in the markup? If they render it is very likely that the problem originates from your SQL server.

I am asking all these question so that we can try to find the source of the problem or at least the minimal steps needed to replicate it so that we can investigate it further.

Greetings,
Marin Bratanov
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.

answered on 15 Jun 2012, 12:02 PM

Image1.png

Hi.. Marin

1) I not modified the sample..i have install the last official release and execute the sample at the end of the installation.
2) You demo online work OK..

I create a new project and i see the problem: this is the code of the page:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication4.WebForm1" %>

<%@ 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">

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.Core.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.jQuery.js">

</asp:ScriptReference>

<asp:ScriptReference Assembly="Telerik.Web.UI"

Name="Telerik.Web.UI.Common.jQueryInclude.js">

</asp:ScriptReference>

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadHtmlChart runat="server" ID="PieChart1"

EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="False"

Width="800" Height="500" Transitions="true">

<Appearance>

<FillStyle BackgroundColor="White" />

</Appearance>

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

<Appearance Align="Center" BackgroundColor="White" Position="Top" />

</ChartTitle>

<Legend>

<Appearance BackgroundColor="White" Position="Right" Visible="true" />

</Legend>

<PlotArea>

<Appearance>

<FillStyle BackgroundColor="White" />

</Appearance>

<Series>

<telerik:PieSeries StartAngle="90">

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

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

<Items>

<telerik:SeriesItem BackgroundColor="#ff9900" Exploded="true" Name="Internet Explorer"

YValue="18" />

<telerik:SeriesItem BackgroundColor="#cccccc" Exploded="false" Name="Firefox" YValue="35" />

<telerik:SeriesItem BackgroundColor="#999999" Exploded="false" Name="Chrome" YValue="38" />

<telerik:SeriesItem BackgroundColor="#666666" Exploded="false" Name="Safari" YValue="4" />

<telerik:SeriesItem BackgroundColor="#333333" Exploded="false" Name="Opera" YValue="2" />

</Items>

</telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

</div>

</form>

</body>

</html>

This sample work OK, but if the value of the SeriesItem it's not an integer, in this case in you example the first value is: 18.3,
i retrive an error javascritp in Image1: the number 18.3 is transform in 18,3 and generate and error.

3) I have test in other browers an to another server, but the result in the same.
4) I test on markup insert the value in the markup and not from the sqlserver.

Thanks
Aurelio