Hello Team,
I am having one Radhtmlchart which is binded with Data on client side through WebApi controller.
The function that we are using to bind RadHtmlChart is as follows:
function chartDataBind(sender, args) {
var ID = sender.ClientId;
var widmapID = <%= WidMapID %>;
var Cultureinfo='<%= CommonTools.GetUserDetails().Localization %>';
var url = '/api/TestVolumeWidget?WidMapID=' + widmapID + "&CultureInfo=" + Cultureinfo;
$.get(url, function (jsonResult) {
debugger
var kendoChart = sender;
//Set the new datasource to the RadHtmlChart
kendoChart.set_dataSource(jsonResult);
kendoChart.set_transitions(true);
kendoChart._dataBind();
//Add the new series and repaint the chart, so that the new changes can take effect
kendoChart.repaint();
});
}
I am declaring this function on <ClientEvents OnLoad="chartDataBind" /> in RadHtmlChart,
Now the issue is in Navigator section,
Navigator is working properly in Firefox and Google Chrome, But its not working in IE(Its not even Visible).
<telerik:RadHtmlChart runat="server" ID="TestVolumeChart" Layout="Stock" CssClass="myChart" >
<ClientEvents OnLoad="chartDataBind" />
<Navigator Visible="true">
<RangeSelector From="2014/08/25" To="2014/09/02" />
<SelectionHint Visible="true" DataFormatString="{0:d}" />
<Series>
<telerik:AreaSeries Visible="true" DataFieldY="TestDataDate">
</telerik:AreaSeries>
</Series>
<XAxis Color="#aaaaaa">
<LabelsAppearance>
<TextStyle Color="#666666" />
</LabelsAppearance>
</XAxis>
</Navigator>
<PlotArea>
<XAxis AxisCrossingValue="0" Color="#333333" MajorTickType="Outside" MinorTickType="Outside"
Reversed="false" DataLabelsField="TestDataVerifyDate">
<LabelsAppearance DataFormatString="{0:d}" RotationAngle="90" Skip="0" Step="1"></LabelsAppearance>
<TitleAppearance Position="Center" RotationAngle="0" Text="Date of Test Verified">
</TitleAppearance>
</XAxis>
<YAxis AxisCrossingValue="0" Color="#333333" MajorTickSize="1" MajorTickType="Outside"
MinorTickSize="1" MinorTickType="Outside" Reversed="false">
<LabelsAppearance DataFormatString="{0}" RotationAngle="0" Skip="0" Step="1"></LabelsAppearance>
<TitleAppearance Position="Center" RotationAngle="0" Text="Ordered Test Count">
</TitleAppearance>
</YAxis>
<Series>
<telerik:ColumnSeries Name="Test Volume" DataFieldY="TestDataCount">
<LabelsAppearance DataFormatString="{0}" Position="OutsideEnd"></LabelsAppearance>
<TooltipsAppearance DataFormatString="{0}" Color="White"></TooltipsAppearance>
</telerik:ColumnSeries>
</Series>
</PlotArea>
<ChartTitle Text="Daily Test Volume">
</ChartTitle>
</telerik:RadHtmlChart>
Is there anything i am missing out in my code?
It would be great if anyone can help me out.
Thanks,
Ruchi