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:
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).
Is there anything i am missing out in my code?
It would be great if anyone can help me out.
Thanks,
Ruchi
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