无论是哪种C/S技术,涉及数据可视化就非常的累赘了,当然大神也一定有,只不过面向大多数人,还是通过网页来实现,有的时候不想把这两个功能分开,一般会是客户的原因,所以我们打算在WPF中嵌入WebBrowser,然后使用ECharts 完成复杂的图表展示,其功能不亚于一个名为Devexpress的图标库,而且这东西还收费(呵呵),本文就对WebBrowser+ECharts进行了演示。
首先下载一下Echats.js文件以及Jquery文件并且创建一个Html页面,在我们项目的bin文件夹中。
在html中编辑,其中包括了几个方法,是对C#代码进行访问的。
EChartshtml页面
测试
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);
}