2016-11-23 117 views
0

我使用asp.net mvc圖表控件在我的頁面中間顯示圖表。我已經通過一些教程hereAsp.net mvc圖表破壞頁面數據

當我用下面的代碼添加我的圖表時,所有頁面代碼被銷燬,只有圖表顯示在頁面上。我試圖從部分視圖拉圖表,並試圖粘貼在代碼之間。但是我仍然只看到了圖表,而沒有看到頁面輸出和圖表的組合。我還試圖與

<img src="mypage.cshtml" /> 

@{ 
      var myChart = new Chart(width: 600, height: 400) 
       .AddTitle("Chart Title") 
       .AddSeries(
        name: "Employee", 
        xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" }, 
        yValues: new[] { "2", "6", "4", "5", "3" }) 
       .Write(); 
} 
+0

在同一教程中,我試圖提到也。它沒有工作。 – Kurkula

+0

如果您堅持在您的視圖中呈現圖表,請查看此鏈接https://github.com/martinobordin/Chart.Mvc,這將適用於您的視圖。生成的visual studio圖像中的 – Henry24

回答

1

這是更好地保持您的問題分開,並保持在邏輯控制器,其可通過在視圖中呈現,而不是在視圖或局部視圖具有邏輯。

在您的控制器我會返回一個FileResult一個動作:在您查看叫它使用然後

public FileResult Chart() 
{ 
    var myChart = new Chart(width: 600, height: 400) 
     .AddTitle("Chart Title") 
     .AddSeries(
      name: "Employee", 
      xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" }, 
      yValues: new[] { "2", "6", "4", "5", "3" }); 

    return File(myChart.ToWebImage().GetBytes(), "image/jpeg"); 
} 

,例如:

<h1>Chart Example</h1> 
<p> 
    Your html markup etc. 
</p> 
<img src="@Url.Action("Chart")" /> 
+0

將默認隱藏到該文件夾​​中。每次都必須將它們包含在項目中嗎?生成的圖像會覆蓋嗎? – Kurkula

+1

不確定我是否對不起,圖表圖像將在調用控制器操作時創建。 –