![52ce901f7606478f853e49f6d1849cde.gif](https://i-blog.csdnimg.cn/blog_migrate/ff389aba2f935eacadb8218319e62ebf.gif)
一、前言
Echart是百度研发团队开发的一款报表视图JS插件,功能十分强大,是本人用过的国产作品中最牛逼的,记得四五年前就在qt中使用过,当时用的浏览器控件是webkit,由于5.6以后的版本不再支持webkit,而换用webengine内核,很多人在下载使用后不能正常编译,今天特意抽空做个webengine版本,使得同时支持webkit和webengine。 在webkit中执行JS用的是webView->page()->mainFrame()->evaluateJavaScript(js); 而webengine用的是webView->page()->runJavaScript(js); 在执行效率上,webengine甩webkit好几条街,在拖动滑块动态设置值的时候,webengine的CPU占用只有1%,而webkit居然达到了7%,恐怖!怪不得webkit逐渐被qt抛弃了,webengine只是内存使用上增加了些。
二、代码思路
第一步:准备网页文件
第二步:准备JS函数
function
第三步:数据交互
void
三、效果图
![df9e157575b7dc70368b7bb34db529ae.gif](https://i-blog.csdnimg.cn/blog_migrate/0171550cc27bb0f336e91d219d0f0f1b.gif)
四、开源主页
以上作品完整源码下载都在开源主页,会持续不断更新作品数量和质量,欢迎各位关注。 1. 国内站点:https://gitee.com/feiyangqingyun/QWidgetDemo 2. 国际站点:https://github.com/feiyangqingyun/QWidgetDemo 3. 个人主页:https://blog.csdn.net/feiyangqingyun 4. 知乎主页:https://www.zhihu.com/people/feiyangqingyun/