通过WebBrowser使用Echats

后端使用webBrowser，前端利用 window.external 调用后端写好的方法有很多人已解答了，这里就不说了。。
这里主要说怎么让Echarts从后端数据库取到值并绑定在data上(在这之前需要先将eharts的包引入)

C#后台代码：

/*在后台写一个输出要要绑定数据的方法，输出的是字符串*/public string GetData(){        string s = "香蕉,苹果,橘子";return s;}

JS代码：

 /*然后前台JS*/var name=window.external.GetData();var namearray=name.split(",");然后Echarts上绑定数据直接将namearray给data就好了xAxis: {data: namearray},

由于WebBrowser是使用IE浏览器版本较低，要将传递过来的字符串转化为数组直接用map转化是不行的，直接用JSON.PARSE转化也是不行的，所以要先引用JS文件在这里下载JS文件

下载之后引用
然后还是和之前一样，后台传入数字字符串

C#后台代码：

        /*后台页面*/public string GetNum(){       string s = "1,2,3";return s;}

JS代码：

 /* 前台页面 */var number=window.external.GetNum();var result = JSON.parse('[' + String(number) + ']');最后直接绑定上就好了yAxis: {},series: [{name: '出现次数',type: 'bar',data: result}]

通过WebBrowser使用Echats相关推荐

webbrowser1 脚本报错_c# winform程序 webBrowser 当前页面的脚本发生异常找不到成员...
c# winform程序 webBrowser 当前页面的脚本发生错误找不到成员本帖最后由 yz2653410 于 2014-01-11 21:03:25 编辑以下为页面代码 using Sys ...
c#WebBrowser进阶
WebBrowser的基本功能就是访问网页,但是由于它本身就不在主线程上面,所以程序判断它什么时候加载完成了,比较麻烦.为此我集合从网上找到的内容,做了一个例子. 其中包括了给WebBrowser设置 ...
Silverlight 4 WebBrowser的使用及调用 WebBrowser 中的 javascript 方法
下面是MSDN的使用说明: The following example shows how to handle the ScriptNotify event. In this example, the ...
Windows Phone 7 WebBrowser 中文乱码问题
通过WebBrowser直接请求网页,是正常显示的,只是通过获取到字符串,再通过NavigateToString()就会显示乱码. 中文转换成 Unicode编码就可以了 : public stati ...
【总结】清除webbrowser cookie/session的6种方法
下面是我测试下来的6种清除webbrowser中cookie的6种方法: 往下拉有详细用法 //方法一:调用 wininet.dll清除cookie (推荐) SuppressWininetBehav ...
WebBrowser安全警告
WebBrowser在加载网页的过程中,如果遇到JavaScript或CSS代码,则会弹出一个黄色的安全警告.可以通过以下方法去除: <!-- saved from url=(0014)abou ...
VB动态添加WebBrowser控件，并拦截弹出窗口(不用引用任何组件)
WBCustomizer.dll 这个 1.注册::在开始菜单中输入RegSvr32 路径(WBCustomizer.dll文件所在的绝对路径),若果注册成功,会提示 2.引用 :在工程--&g ...
winform中的webbrowser里面操作html代码问题
最近做了个webBrowser模拟浏览器去抓取某些网站的内容,在对抓回来的饿内容做解析时,htmlelement里面只能获得元素的特殊属性如id,name等,但是获取不到class,后来查了下,需要引 ...
c# webBrowser打开pdf问题
1.生成模式使用release加*86尝试,使用debug则webBrowser不生效转载于:https://www.cnblogs.com/gaara-zhang/p/9870418.html

通过WebBrowser使用Echats

通过WebBrowser使用Echats相关推荐

最新文章

热门文章