Помощник Chart Asp.Net MVC отображает график частично в поле зрения
Итак, мне удалось создать график на основе текущих пользовательских данных, и я пытаюсь привести в порядок вид. До сих пор представление занимало всю страницу и скрывало мою навигационную панель и т. Д. Я пытался обернуть его в div, body, но не могу заставить его работать. Я не очень хорош в части html/View (это очевидно!) И чувствую, что я упускаю что-то простое.
Это мой контроллер: (я удалил конкретные детали)
public async Task<ActionResult> DrawChart()
{
var currentUser = await manager.FindByIdAsync(User.Identity.GetUserId());
var data = new List<Data>(db.Data.ToList().Where(d => d.User.Id == currentUser.Id));
string connectionString = @"Data Source";
using (SqlConnection con = new SqlConnection(connectionString))
{
con.Open();
using (SqlCommand command = new SqlCommand("SELECT Required Data FROM Data WHERE User_Id = 'currentUserId'", con))
using (SqlDataReader reader = command.ExecuteReader())
{
while (reader.Read())
{
data.Add(new Data { Xdata = reader.GetDateTime(0), ydata = reader.GetDouble(1) });
}
}
}
return View(workouts);
}
Это мой вид: (опять удалены конкретные детали)
@model IEnumerable<MyModel>
@{
ViewBag.Title = "DrawChart";
}
@{
var myChart = new Chart(width: 800, height: 500)
.AddTitle("Insert Title")
.AddSeries(chartType: "Line",
xValue: Model, xField: "XData",
yValues: Model, yFields: "YData")
.Write("png")
.Save("png");
}
Я попытался это предложение от docs.microsoft: (который не работает)
<!DOCTYPE html>
<html>
<head>
<title>Chart Example</title>
</head>
<body>
<h1>Chart Example</h1>
<p>The following chart is generated by the <em>ChartArrayBasic.cshtml</em> file, but is shown
in this page.</p>
<p><img src="ChartArrayBasic.cshtml" /> </p>
</body>
</html>
Как мне исправить это представление?