無法用剃刀製作圖表

Question

如何用剃刀製作圖表？ 儘量選用局部視圖（_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")"/> 

但它不工作。

Answer 1

使用您當前的代碼，它不會在主視圖中呈現圖像。相反，它只是渲染圖像。這是因爲在進行局部視圖調用時，Chart.Write方法會將圖表對象轉換爲jpg並寫入輸出流。

您應該創建返回這個局部視圖結果的操作方法，並用其作爲圖像src屬性值

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

，並在主視圖

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

頁面加載時，它將對圖片源url進行單獨的http調用，該url只返回圖片