2017-09-13 44 views
0

如何用剃刀制作图表? 尽量选用局部视图(_Chart.cshtml):无法用剃刀制作图表

@{ 
    var usdChart = new Chart(width: 600, height: 400) 
    .AddTitle("Заголовок") 
    .AddSeries(
     name: "USD", 
     xValue: new[] { "1", "2", "3", "4" }, 
     yValues: new[] { "11", "22", "33", "44" }) 
    .Write(); 
} 

,并考虑:

<img src="@Html.Partial("_Chart")"/> 

但它不工作。

回答

0

使用您当前的代码,它不会在主视图中呈现图像。相反,它只是渲染图像。这是因为在进行局部视图调用时,Chart.Write方法会将图表对象转换为jpg并写入输出流。

您应该创建返回这个局部视图结果的操作方法,并用其作为图像src属性值

public ActionResult Chart() 
{ 
    return PartialView("_Chart"); 
} 

,并在主视图

<img src="@Url.Action("Chart")" /> 

页面加载时,它将对图片源url进行单独的http调用,该url只返回图片