Unable to export to PDF

Dec 2, 2014 at 12:15 PM
Edited Dec 2, 2014 at 12:19 PM
I have So many dashboard in my page(http://localhost/Dashboard/Index).When I try to export complete View(http://localhost/Dashboard/Index), charts are not appearing.Able to see only layout.

I have used Rotativa package for exporting the dashbaord.

in Index, I'm doing iteration to load the dashboard. Each iteration I will call partial page with model.

In partial page I will call Highchart to display the chart.

MianView(Index)

<div class="dashboard"> <div class="dashboard3Col"> @foreach (Servicedesk.Web.Models.DashboardItem item in Model.DashbaordList) { if((ordercount/tempcount)==0) { <div class="dashboardCol"> @{Html.RenderAction("DashboardItem", item);} </div> } else { <div class="dashboardCol"> Html.RenderAction("DashboardItem", item); </div> } } </div> </div> PartialPage(DashboardItem):
@model Servicedesk.Web.Models.DashboardItem
@{
var Data = Html.Encode("Siva");
DotNet.Highcharts.Highcharts chart = null;
}
<script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/highcharts.js" type="text/javascript"></script>
<style>
/***Dashboard***/
.dashboard { float: left; width: 100%;}
.dashboard .dashboard3col {width:100%; float:left;}
.dashboardCol {float:left; width:48%; overflow:hidden; margin:0;}

.dashboardItem { margin:0 10px 10px 0; border:solid 1px #e7e7e7;}
.dashboardItemHeader { font-size:1.2em; font-weight:bold; padding:10px 15px; background-color:#dbdbdb;}
.dashboardItemFooter { font-size:0.8em; font-weight:bold; padding:10px 15px; background-color:#e7e7e7;}
.dashboardItemBody { margin:10px; overflow:hidden;}
.dashboardFooter {clear:both; width:100%; background-color:Red;}
</style>
<div class="dashboardItem"> <div class="dashboardItemHeader"> Header </div> <div class="dashboardItemBody"> @{Html.RenderAction("DisplayChart", "Dashboard");} </div> <div class="dashboardItemFooter"> Footer </div> </div>

PartialPage(DisplayChart):

<script src="~/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="~/Scripts/Highcharts-4.0.1/js/highcharts.js" type="text/javascript"></script>

@model DotNet.Highcharts.Highcharts

@{
Layout = null;
}
@(Model)