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>