title: DotnetHighCharts - Multiple Charts positioned on one page
body: <p>I have to display 3 charts, as part of a dashboard, on one page.</p>
  
  <p>The dotnetHighCharts demo project does include a "How to" for multiple charts.
  This however seems to assume that the charts will simply be placed below each other.
  My View has quite a bit of html formatting where I want to render the charts in containers.</p>
  
  <p>So in my Controller I have:</p>
  
  <pre><code>public ActionResult Dashboard()
      {
          Highcharts chartLine = Chart_Line();
          Highcharts chartPie = Chart_Pie();
  
          return View(new Container(new[] { chartLine, chartPie }));
      }
  </code></pre>
  
  <p>But instead of simply having this in my View:</p>
  
  <pre><code>@model DotNet.Highcharts.Container
  
  @(Model)
  </code></pre>
  
  <p>I have to place the specific the charts on specific locations of my page.
  So in my view I would have liked to do something like @(Model[1]) to display to display the 1st chart etc.</p>
  
  <p>I also tried creating a viewmodel:</p>
  
  <pre><code>public class ChartsModel
  {
      public Highcharts Chart1 { get; set; }
      public Highcharts Chart2 { get; set; }
      public Highcharts Chart3 { get; set; }
  }
  </code></pre>
  
  <p>Hoping that I would be able to do this in my View:</p>
  
  <pre><code>&lt;div&gt; @model.Chart1 &lt;/div&gt;
  </code></pre>
  
  <p>But that also doesn't seem possible.</p>
  
  <p>Anyway I can display multiple DotNetHighCharts on one page, while keeping control where to place them in the View?</p>