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

HtmlChart rendering

4 Answers 169 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
Aurelio Righetti
Top achievements
Rank 1
Aurelio Righetti asked on 13 Jun 2012, 12:26 PM
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

Sort by
0
Marin Bratanov
Telerik team
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.
0
Aurelio Righetti
Top achievements
Rank 1
answered on 15 Jun 2012, 12:02 PM
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">
 
<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



0
Marin Bratanov
Telerik team
answered on 15 Jun 2012, 12:40 PM
Hello Aurelio,

The preliminary research on our side is also indicating that the problem may be in the data serialization under certain cultures that have a comma for the decimal sign, yet currently I cannot provide any further information, because the investigation is ongoing. You can keep track of the issue in the PITS item I linked earlier.


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.
0
Aurelio Righetti
Top achievements
Rank 1
answered on 15 Jun 2012, 12:49 PM
Hi..Marin

Ok no problem..

Thanks
Aurelio
Tags
Chart (HTML5)
Asked by
Aurelio Righetti
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Aurelio Righetti
Top achievements
Rank 1
Share this question
or