or
<
telerik:RadGrid
ID
=
"rgResources"
runat
=
"server"
AutoGenerateColumns
=
"false"
ShowGroupPanel
=
"false"
OnPreRender
=
"rgResources_PreRender1"
OnColumnCreated
=
"rgResources_ColumnCreated"
OnItemCommand
=
"rgResources_ItemCommand"
GroupingEnabled
=
"false"
ShowFooter
=
"true"
>
<
ClientSettings
>
<
Selecting
AllowRowSelect
=
"false"
></
Selecting
>
<
Scrolling
AllowScroll
=
"true"
SaveScrollPosition
=
"true"
FrozenColumnsCount
=
"2"
UseStaticHeaders
=
"true"
ScrollHeight
=
"150px"
></
Scrolling
>
</
ClientSettings
>
<
MasterTableView
DataKeyNames
=
"Resource"
CommandItemDisplay
=
"Top"
AllowSorting
=
"false"
AutoGenerateColumns
=
"true"
ShowGroupFooter
=
"true"
>
<
CommandItemSettings
ShowExportToCsvButton
=
"true"
ShowAddNewRecordButton
=
"false"
ShowRefreshButton
=
"false"
/>
<
RowIndicatorColumn
Visible
=
"True"
FilterControlAltText
=
"Filter RowIndicator column"
>
</
RowIndicatorColumn
>
<
ExpandCollapseColumn
Visible
=
"True"
FilterControlAltText
=
"Filter ExpandColumn column"
>
</
ExpandCollapseColumn
>
</
MasterTableView
>
<
ExportSettings
IgnorePaging
=
"true"
>
<
Csv
FileExtension
=
"CSV"
/>
</
ExportSettings
>
<
FilterMenu
EnableImageSprites
=
"False"
>
</
FilterMenu
>
<
ClientSettings
EnableRowHoverStyle
=
"true"
>
</
ClientSettings
>
</
telerik:RadGrid
>
protected void rgResources_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
{
if (e.CommandName == Telerik.Web.UI.RadGrid.ExportToCsvCommandName)
{
rgResources.MasterTableView.ExportToCSV();
}
}
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();
});
}
<
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
>