wpf内嵌html5,在WPF中嵌入WebBrowser可视化页面

无论是哪种C/S技术，涉及数据可视化就非常的累赘了，当然大神也一定有，只不过面向大多数人，还是通过网页来实现，有的时候不想把这两个功能分开，一般会是客户的原因，所以我们打算在WPF中嵌入WebBrowser，然后使用ECharts 完成复杂的图表展示，其功能不亚于一个名为Devexpress的图标库，而且这东西还收费(呵呵)，本文就对WebBrowser+ECharts进行了演示。

首先下载一下Echats.js文件以及Jquery文件并且创建一个Html页面，在我们项目的bin文件夹中。

在html中编辑，其中包括了几个方法，是对C#代码进行访问的。

ECharts

html页面

测试

functionclick1()

{

window.external.ShowMsg("这是一条信息");

}

option={

xAxis: {

type:'category',

data: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']

},

yAxis: {

type:'value'},

series: [{

data: [820,932,901,934,1290,1330,1320],

type:'line'}]

};

myChart.setOption(option);

functionSetOption(value) {vardataObj=JSON.parse(value);//将字符串转换为json对象

myChart.setOption(JSON.parse(dataObj));//将json对象转换为[Object]

}functionjsShowHide(info) {if(info== 0) {

myChart.clear();

}else{

myChart.setOption(option);

}

}functionjsPushData(x, y) {

option.xAxis.data.push(x);

option.series[0].data.push(y);

myChart.setOption(option);

}