在内存中渲染Livecharts图表并另存为图像

时间:2017-06-07 11:48:25

标签: c# wpf multithreading livecharts

我试图执行以下操作:

  • 在内存中创建Livechart Cartesian图表
  • 将图表添加到网格
  • 将标签添加到同一网格
  • 将网格添加到Viewbox
  • 将视图框渲染为PNG
  • 将PNG保存到磁盘

上面应该从后台的另一个线程运行,以便允许UI反复使用。

无论看起来多么简单,我一直在努力寻找合适的解决方案。以下问题是相关的:

  • Livechart(位于Viewbox内)需要时间来渲染
  • 因此,在尝试将图表保存为图像之前,图表需要有时间完成渲染
  • 我找到了使用HwndSource的代码,但是它一直没有工作(大约95%的时间都在工作)。没有HwndSource修改它永远不会工作(总是得到一个没有任何内容的图表)
  • 在不同的UI线程中运行Run()函数不起作用,因为我收到以下错误消息:WPF Dispatcher {“调用线程无法访问此对象,因为另一个线程拥有它。”}

所以我的问题是:

  • 在将Liveboard / Grid / ViewBox组合保存为图像之前,等待Livechart / Grid / ViewBox组合完成渲染的正确方法是什么?也许利用Loaded事件?请注意,我试图强调它,但是当我点击“线程”时,无法使其工作。问题。
  • 如何在不同的UI线程中运行整个过程?

请参阅下面的代码

public void Run()
(
   //Create Livechart which is a child of a Grid control
   Grid gridChart = Charts.CreateChart();
   //Creates a ViewBox control which has the grid as its child
   Viewbox viewBox = WrapChart(gridChart,1400,700);
   //Creates and saves the image
   CreateAndSaveImage(viewBox ,path,name);
)

以下是创建Viewbox并将网格添加为子项

的功能
public Viewbox viewBox WrapChart(Grid grid,int width,int height)
{

    chart.grid.Width = width;
    chart.grid.Height = height;

    viewbox.Child = chart.grid;

    viewbox.Width = width;
    viewbox.Height = height;
    viewbox.Measure(new System.Windows.Size(width, height));
    viewbox.Arrange(new Rect(0, 0, width, height));
    viewbox.UpdateLayout();

}

下面的功能创建并保存图像

public void CreateAndSaveImage(Viewbox viewbox,string folderPath,string fileName)
{
    var x = HelperFunctions.GetImage(viewbox);
    System.IO.FileStream stream = System.IO.File.Create(folderPath + fileName);
    HelperFunctions.SaveAsPng(x, stream);
    stream.Close();   
}

以下代码将视图框呈现为图像。请注意,这是我能找到的唯一等待图表完成加载的代码。我不知道它是如何工作的,但它在95%的时间都有效。有时候图表仍然没有完成加载。

public static RenderTargetBitmap GetImage(Viewbox view)
{

      using (new HwndSource(new HwndSourceParameters())
      {
          RootVisual =
                           (VisualTreeHelper.GetParent(view) == null
                                ? view
                                : null)
      })
      {

          Size size = new Size(view.ActualWidth, view.ActualHeight);
          if (size.IsEmpty)
              return null;


          int actualWidth = Convert.ToInt32(size.Width);
          int requiredWidth = Convert.ToInt32(size.Width * 1);

          int actualHeight = Convert.ToInt32(size.Height);
          int requiredHeight = Convert.ToInt32(size.Height * 1);

          // Flush the dispatcher queue
          view.Dispatcher.Invoke(DispatcherPriority.SystemIdle, new Action(() => { }));

          var renderBitmap = new RenderTargetBitmap(requiredWidth, requiredHeight,
                                                          96d * requiredWidth / actualWidth, 96d * requiredHeight / actualHeight,
                                                          PixelFormats.Pbgra32);


          DrawingVisual drawingvisual = new DrawingVisual();
          using (DrawingContext context = drawingvisual.RenderOpen())
          {
              context.DrawRectangle(new VisualBrush(view), null, new Rect(new Point(), size));
              context.Close();
          }

          renderBitmap.Render(view);
          renderBitmap.Freeze();

          return renderBitmap;
      }


}

以下代码将位图保存为图片到文件

public static void SaveAsPng(BitmapSource src, Stream outputStream)
{
      PngBitmapEncoder encoder = new PngBitmapEncoder();
      encoder.Frames.Add(BitmapFrame.Create(src));

      encoder.Save(outputStream);
}

以下代码是我用来在不同的线程中运行整个东西的代码。请注意它无法正常工作,因为我收到以下错误消息:

  

WPF Dispatcher {“调用线程无法访问此对象,因为   一个不同的线程拥有它。“}。

请注意,如果我正常执行Run()(没有任何单独的线程),它可以正常工作,但有时图表无法正确呈现(如前所述)。

Thread thread = new Thread(() =>
{
       Run();

       System.Windows.Threading.Dispatcher.Run();

});

       thread.SetApartmentState(ApartmentState.STA);
       thread.Start();

1 个答案:

答案 0 :(得分:2)

尝试为图表调用此行:

    this.chart.Model.Updater.Run(false, true);

此行会更新图表,并在保存到图像时始终可见。