title: How to make a simple pie chart using Kendo UI ASP.NET MVC using Entity Framework?
body: <p>I am very new to Kendo UI let alone telerik. I have been trying to make a pie chart from my model class using Kendo ui Q3 but am failing and i can find a good example, or a tutorial.</p>
  
  <p>Am stuck and frustrated because i thought it was going to be very easy but it is not the case... please help.</p>
  
  <hr>
  
  <p>This is my Model class.</p>
  
  <pre><code>public class FinancialAccount
  {
      public virtual int FinancialAccountId { get; set; }
      public virtual int UserId { get; set; }
      public virtual string AccountNumber { get; set; }
      public virtual ICollection&lt;Loan&gt; Loans { get; set; }
      public virtual ICollection&lt;Payment&gt; Payments { get; set; }
  }
  </code></pre>
  
  <p>I want to sum Loans from the Loan class and also to sum the payments from the payment class and present the whole thing under a financial account.</p>
  
  <p>This is my Controller:</p>
  
  <pre><code> public ActionResult Index()
      {
  
  
          var financialaccounts = db.FinancialAccounts.Include(a=&gt;a.Loans).Include(b=&gt;b.Payments);
  
          return View(financialaccounts.ToList());
      }
  
      public ActionResult MyFinances()
      {
          var financialaccounts = db.FinancialAccounts.Include(a=&gt;a.Loans).Include(b=&gt;b.Payments);
         // DataSourceResult result =
          return Json(financialaccounts, JsonRequestBehavior.AllowGet);
      }
  </code></pre>
  
  <p>This is my view:</p>
  
  <pre><code> @(Html.Kendo().Chart&lt;FinancedSociety.Models.FinancialAccount&gt;()
      .Name("chart")
      .Title("Pop In Accounts")
      .Legend(legend =&gt; legend
          .Position(ChartLegendPosition.Top)
      )
      .DataSource(ds =&gt; ds.Read(read =&gt; read.Action("MyFinances", "Financials")))
      .Series(series =&gt; {
          series.Pie(model =&gt; model.Payments.Sum(a =&gt; a.Amount), model =&gt; model.Payments.Select(b =&gt; b.Description).ToString());
                    // model =&gt; model.Loans.Sum(c=&gt;c.Amount), model =&gt; model.Loans.Select(f=&gt;f.Description).ToString());
      })
      .Tooltip(tooltip =&gt; tooltip
          .Visible(true)
          .Format("{0:N0}")
      ).Theme("metro")
  ) 
  </code></pre>
  
  <p>I get this errors : Bound columns require a field or property access expression. when i change and not try to access items that are not a collection to the FinancialAccount model class a get a blank area where there should a chart</p>
  
  <p>If you know any complete tutorials, they could be of great help. Kendo UI it's not well documented for starters like telerik extensions for MVC : <a href="http://demos.telerik.com/aspnet-mvc/razor/chart/piechart?theme=metro" rel="nofollow">www.demos.telerik.com/aspnet-mvc/razor/chart/piechart?theme=metro</a> , here they show a <strong>view</strong>, <strong>controller</strong> and also the <strong>model</strong> but as for Kendo ui it's just view and controller </p>