WPF数据可视化-瀑布图

最新推荐文章于 2025-05-28 09:39:21 发布

「已注销」

最新推荐文章于 2025-05-28 09:39:21 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

文章标签：数据可视化瀑布图 WPF C#

本文链接：https://blog.youkuaiyun.com/liuhao_boy/article/details/102617297

本文介绍了两种在WPF中实现数据可视化的瀑布图方法。第一种利用虚拟画布和DrawingContext.DrawImage()逐层绘制，保持画质完整；第二种通过StackPanel不断插入Rectangle，虽然画质欠佳，但实现简单。在10毫秒内处理1000个数据点，每秒绘制10万个点，在Release模式和Visual Studio 2017下，性能表现尚可。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现方式一：

将数据（Point[]）根据索引沿X轴使用虚拟画布进行绘制，每个数据绘制大小为1px * 1px；最终绘制出的宽度等于数据的总长度。标记并存储当前绘制的图为PreviousBitmap; 继续置顶绘制第二组数据，第二组数据绘制完后，将标记的PreviousBitmap作为Image在Y轴距离顶部距离为1px的地方用DrawingContext.DrawImage()方式绘制，以此类推。核心代码如下：

private void DoAddDataArray(Point[] arrPoints)
{
    this.Dispatcher.Invoke(DispatcherPriority.Normal, new Action(() =>
    {
        double dPixelWidth = Pixel;
        double dContainerWidth = this.VbxContainer.ActualWidth;
        double dContainerHeight = this.VbxContainer.ActualHeight;
        double dPixelHeight = Pixel/2d;
        double dCellHeight = 1;
        double dCellWidth = 1;

        DrawingVisual drawingVisual = new DrawingVisual();
        DrawingContext drawingContext = drawingVisual.RenderOpen();
        drawingContext.DrawRectangle(new SolidColorBrush(Colors.Blue),
                new Pen(), new Rect(0, 0, dPixelWidth, dCellHeight));

        // 绘制新数据
                  
        for (int i = 0; i < arrPoints.Length; i++)
        {
            double dCellX = Math.Round(((arrPoints[i].X - MinAxisX) / (MaxAxisX - MinAxisX)) * Pixel);
            double dY = arrPoints[i].Y;
            Color oColor = this.GetColor(dY); // 根据Y计算色值
            //drawingContext.DrawRectangle(new SolidColorBrush(oColor),
            //    new Pen(), new Rect(dCellX, 0, dCellWidth, dCellHeight));