边肖将与大家分享如何实现Qt图的自适应拉伸。希望大家看完这篇文章后有所收获。我们一起讨论一下吧！
00-1010使用过echart的人会遇到一个问题。即使代码中写了window.onresize=echart.resize，也只是一个横向自适应的拉伸填充页面，垂直方向不会改变，除非指定高度，这是相当压抑的。为什么echart本身不适应？按道理来说，不应该。实现起来难吗？好吧，让我们别管它。针对这个问题已经找到了很多解决方案，这也存在于Qt的浏览器控件中。为了解决这个问题，人们想出了两个策略。一种是程序本身检测尺寸变化，然后重置高度并将其加载到网页中。另一个是js函数设置相应的宽度和高度。什么时候执行？即当程序界面的大小发生变化时，比较两种方法，最终选择后一种方法，因为效果更好。它是异步执行的，不需要重新加载网页。早期的作品中已经使用了每次高度变化都重新加载网页的方法，看起来很傻。
00-1010还支持闪烁点图、迁移图、区域图、仪表盘等。
可以设置标题、提示信息、背景色、文字色、线条色、区域色等各种颜色。
可以设置城市的名称、数值、经纬度集。
您可以设置地图的放大倍数以及是否允许鼠标滚轮缩放。
内置世界地图、国家地图、省地图、区域地图可精准到县，所有地图均离线使用。
内置json数据文件到各省市js文件的功能，如有数据更新，可自行转换，支持单文件转换，所有文件一键转换。
内置从json文件或js文件获取该区域所有名称和经纬度信息集的功能，通过这种方法可以获取信息进行显示。
根据显示地图的浏览器组件，提供的演示支持webkit、webengine和ie加载网页。
极具拓展性，可以根据葫芦画瓢自行添加各种精美的echarts组件，制作出令人敬畏的效果。
内置仪表盘组件提供交互功能，演示演示包含相应的代码。
界面友好统一，使用简单方便，就一个类。
支持任何Qt版本，任何系统和任何编译器。
00-1010体验地址：https://pan.baidu.com/s/1Ie1xGLv7tSL-9vfsv28w1Q提取代码： wf4f文件名：bin_map.zip
国内网站：https://gitee.com/feiyangqingyun
国际网站：https://github.com/feiyangqingyun
一、前言
00-1010//将窗口大小更改echarts设置为自动拉伸和填充。这种方法只能水平拉伸。
listQString(‘ window . onresize=echart . resize；’);
//以下方法用于设置画布的宽度和高度。
listQString(‘functionresize(宽度，高度){ ‘)；
listQString(‘ varchart=document . getelementbyid(‘ chart ‘)；’);
listQString(‘ chart . style . width=width ‘ px \ ‘；’);
listQString(‘ chart . style . height=height ‘ px \ ‘；’);
listQString(‘ echart . resize()；’);
listQString(‘ } ‘)；
空隙机制3360:大小图()
{
if(IsLoad){ 0
#ifdefwebkit
QStringjs=QString(‘调整大小(%1，%2)’)。参数(webView-width())。arg(WebView-height())；
webView-page()-大型机()-evaluateJavaScript(js)；
#elifwebengine
QStringjs=QString(‘调整大小(%1，%2)’)。参数(webView-width())。arg(WebView-height())；
webView-page()-RunJavaScript(js)；
#endif
}
}看完这篇文章，相信你对“如何实现Qt图的自适应拉伸”有所了解。想了解更多，请关注行业资讯频道，感谢阅读！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/153408.html