wpf入门第五篇 WPF with ECharts_wpf 使用web图表-CSDN博客

本文链接：https://blog.csdn.net/wf824284257/article/details/89002133

本文介绍了如何在WPF项目中使用WebBrowser控件结合ECharts实现复杂图表展示。通过示例展示了C#与JavaScript的互调，包括C#调用JS控制ECharts图表以及JS如何调用C#的方法，提供了完整的代码示例和运行效果。

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

前言

本文是wpf入门系列第五篇，面向有winform或者web前端基础的、并且也有C#基础的同学。

ECharts是百度团队开发的开源免费的js图表控件库，非常强大，文档齐全。WPF中使用图表，除了可以选择devexpress或者oxyplot之类的专为wpf开发的图表控件之外，还可以考虑使用 WebBrowser+ECharts 来完成复杂的图表展示，其展示效果不亚于前者。

本文介绍了 WPF中使用 WebBrowser+ECharts 的方法，以及该种用法下的C#与JS的互相调用。

本文使用了 Visual Studio 2017 进行演示讲解。

wpf入门系列导航页面： https://blog.csdn.net/wf824284257/article/details/88757497

上一步： wpf入门第四篇 wpf入门第四篇 VisualState
https://blog.csdn.net/wf824284257/article/details/88989991

开始

打开 VS2017，新建WPF项目，命名为 EChartsTest 。

##################### 1

到ECharts官网（ https://echarts.baidu.com/ ）下载js文件，并添加到项目中：

############### 2

编辑MainWindow.xaml为下面代码：

<Window x:Class="EChartsTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:EChartsTest"
        mc:Ignorable&