title: Server-side rendering of WPF UserControl
body: <p>I am writing a server side console app in C#/.Net 4.5 that gets some data and creates static chart images that are saved to be displayed by a web server.</p>
  
  <p>I am mostly using the method described here:
  <a href="http://lordzoltan.blogspot.com/2010/09/using-wpf-to-render-bitmaps.html" rel="noreferrer">http://lordzoltan.blogspot.com/2010/09/using-wpf-to-render-bitmaps.html</a></p>
  
  <p>However, I added a mainContainer.UpdateLayout(); after the Arrange() so that the databindings would update and be visible in the rendered image, as well as a Measure() before it for good... ah, I'm not gonna go there.</p>
  
  <p>Here is the method that does the rendering:</p>
  
  <pre><code>void RenderAndSave(UIElement target, string filename, int width, int height)
  {
      var mainContainer = new Grid
      {
          HorizontalAlignment = HorizontalAlignment.Stretch,
          VerticalAlignment = VerticalAlignment.Stretch
      };
  
      mainContainer.Children.Add(target);
  
      mainContainer.Measure(new Size(width, height));
      mainContainer.Arrange(new Rect(0, 0, width, height));
      mainContainer.UpdateLayout();
  
      var encoder = new PngBitmapEncoder();
      var render = new RenderTargetBitmap(width, height, 96, 96, PixelFormats.Pbgra32);
  
      render.Render(mainContainer);
      encoder.Frames.Add(BitmapFrame.Create(render));
      using (var s = File.Open(filename, FileMode.Create))
      {
          encoder.Save(s);
      }
  }
  </code></pre>
  
  <p>The target parameter to the method will be an instance of a WPF/XAML UserControl I made - fairly simple at this point, just a grid with some text databinding to a ViewModel object that I assigned to the DataContext.</p>
  
  <p>The saved image on disk looks good EXCEPT for the OxyPlot Plot object - it is entirely white.</p>
  
  <p>Now, when I am in the designer in Visual Studio 2013, I can see it. I have added a design-time DataContext which is the same object that I use at runtime (this is a spike I am doing - the viewmodel is not in its final form yet, just having a bunch of default data while I work out the kinks). In the designer I see the chart as OxyPlot paints it. </p>
  
  <p>Is there anything special I need to do in order to get my rendering to also contain this OxyPlot chart? It is more or less the point of the exercise so it would be awesome to actually get it to show up!</p>
  
  <p>Thanks in advance for any insights and suggestions!</p>