WPF/WinForm 也能用 ECharts？快来试试这个开源项目

DotNet技术匠 · 2026-5-3 07:37:55

前言

在 .NET 桌面开发中，图表展示一直是个"老难题"。WinForm 和 WPF 自带的图表控件要么功能有限，要么样式陈旧，而引入第三方商业库又常伴随授权成本或兼容性问题。有没有一种方式，既能用上现代、美观、交互丰富的图表，又能无缝融入 .NET 应用？ECharts 作为国内广受欢迎的开源可视化库，恰好满足这一需求。

本文将介绍一个通过 WebView2 将 ECharts 嵌入到.NET 桌面应用中，这样既能享受 ECharts 的强大能力，又能保持 C# 开发的熟悉感。

项目介绍

ECharts.Net 是一个面向 .NET 的开源图表控件封装项目，目标是在 WinForm 和 WPF 应用中轻松集成 ECharts。它并非重新实现图表逻辑，而是巧妙地利用 WebView2 作为桥梁，在桌面应用中嵌入一个轻量级浏览器环境，运行原生 ECharts，并通过 C# 与 JavaScript 的互操作机制实现数据传递与控制。

项目功能

WinForm 或 WPF 窗体中嵌入 ECharts 图表；

通过 C# 对象开发图表配置（Option），支持强类型设置；

支持直接执行 JavaScript 脚本，调用 ECharts 原生 API；

实现基本的数据更新、事件监听等交互功能；

项目提供示例，展示如何创建折线图、柱状图、饼图等常见图表。

项目特点

1、最新技术栈

基于 .NET 7 和 WebView2，充分利用 Edge Chromium 引擎的能力，确保图表渲染性能与兼容性；

2、低开销互操作

通过优化 JS 与 C# 的通信机制，尽量减少额外性能损耗；

3、类型安全优先

尽可能将 ECharts 的配置项封装为 C# 类型，避免手写 JSON 字符串出错；

3、灵活不设限

既可通过强类型 API 编程，也可随时切换到原生 JavaScript 操作，保留 ECharts 全部能力；

4、轻量无依赖

无需安装额外运行时，只要系统支持 WebView2（Windows 10 1809+ 默认支持），即可运行。

项目技术

使用 WebView2 作为 ECharts 的宿主容器；

通过 JSON 序列化/反序列化 实现 C# Option 对象与 ECharts 配置的转换；

利用 WebView2 的 ExecuteScriptAsync 方法实现双向通信；

分别为 WinForm 和 WPF 提供独立 NuGet 包（ECharts.Net.Winform 和 ECharts.Net.Wpf），便于按需引用；

代码结构清晰，核心类型系统已初步成型，为后续完整封装打下基础。

项目代码

WPF 中使用 ECharts.Net 库创建一个基础面积图（Basic Area Chart）的典型示例。

public BasicAreaChart()

{

InitializeComponent();

// https://echarts.apache.org/examples/en/editor.html?c=area-basic

var option = new Option

{

XAxis = new()

{

Type = AxisType.Category,

BoundaryGap = false,

Data = new[] { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" }

},

YAxis = new()

{

Type = AxisType.Value,

},

Series = new Series[]

{

new LineSeries()

{

Data = newdouble[] { 820, 932, 901, 934, 1290, 1330, 1320 },

AreaStyle = new()

}

};

chart.ChartOption = option;

}

项目效果

图表加载迅速，动画平滑，响应式布局正常。不管是静态数据展示，还是动态刷新，都能稳定运行。由于直接使用 ECharts 官方渲染引擎，视觉效果与 Web 端完全一致，支持主题切换、缩放、提示框等高级交互。对于需要在内部管理系统、数据分析工具或监控面板中嵌入高质量图表的 .NET 开发来说，这是一个极具吸引力的方案。

项目源码

可通过 NuGet 直接安装对应平台的包。

为了防止丢失，后台回复关键字「开源图表控件」，即可获取完整源码地址。

总结

ECharts.Net 并没有试图"再造轮子"，而是聪明地站在巨人的肩膀上——把 Web 领域最优秀的可视化库 ECharts 引入 .NET 开发中。解决了传统 .NET 图表控件功能弱、样式旧的问题，又避免了 Electron 应用臃肿的缺点。项目核心路径已通，随着 Option 封装的完善和更多平台的支持，有望成为 .NET 桌面图表开发的首选方案之一。

如果大家在为报表或数据看板发愁，不妨试试 ECharts.Net，或许它能够提供一种解决方案和参考。

关键词

ECharts、.NET 7、WebView2、WPF、WinForms、图表控件、开源图表、C#、数据可视化、强类型

最后

如果你觉得这篇文章对你有帮助，不妨点个赞支持一下！你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助，欢迎随时留言。也可以加入微信公众号[DotNet技术匠] 社区，与其他热爱技术的同行一起交流心得，共同成长！

作者：小码编匠

出处：gitee.com/smallcore/DotNetCore

声明：网络内容，仅供学习，尊重版权，侵权速删，歉意致谢！

END

方便大家交流、资源共享和共同成长

纯技术交流群，需要加入的小伙伴请扫码，并备注【加群】

推荐阅读