通过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
             }]

在这里插入图片描述
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值