前言   前一篇介绍了横向柱图图.本篇将介绍基础饼图使用,并将其封装一层Qt.  本篇的demo使用隐藏js代码的方式,实现了一个饼图的基本交互方式,并预留了Qt模块对外的基础接口.   Demo演示   ECharts代码效果调试   使用ECharts的在线调试器,先调试出大致预期的效果. option = { legend: { top: '90%', show: false }, series: [ { selectedMode: 'single', // 选择模式 selectedOf

前言   上一篇将ECharts嵌入Qt中,在开始ECharts使用之前,还有一个很重要的功能,就是在窗口变换大小的时候,ECharts的图表尺寸也要跟随Qt窗口变换大小而变换大小.   Demo演示      原理   QWebEnginePage的大小会动态改变,然后导致html的body改变:   在windows里面设置body宽高分别为比例100%,100% 在div标签设置div的大小为填充body宽高比例分别为100%,100% 开启echarts的大小变化刷新的resize函数.

最近研究echarts,发现提示框太大,位置不合适问题, 用jq,css选中div的tooltip设置大小有时候不管用: 查了官网文档 http://echarts.baidu.com/option.html#tooltip.extraCssText 最后解决了 tooltip: { trigger: 'item', formatter: "{a} <br/>{b}: {c} ({d}%)", position:function(p){ //其中p为当前鼠标的位置 retu

Echarts 设置地图上文字大小及颜色,效果如下: 上代码:关键代码用红色 series: [ { //name: '香港18区人口密度', type: 'map', mapType: 'jiangsu', // 自定义扩展图表类型 zoom: 1.25, itemStyle: { normal: { label: { show: true } }, emphasis: { label: { show: true } } }, label: { normal: { textStyle: { f

在Qt中设置widget背景颜色或者图片方法很多种:重写paintEvent() , 调色板QPalette , 样式表setStyleSheet等等. 但是各种方法都有其注意事项,如果不注意则很容易陷入麻烦中. 1:setStyleSheet() 这个函数我一直很喜欢使用,因为只要写一句就可以实现效果,比其他方法都简单,但是其却有一个很值得注意的地方,也就是这个地方让我大吃苦头. 亦即:①:该函数只能用于设置有父窗口的子窗口的背景!如果一个窗口没有子窗口,则无法使用该函数来设置背景颜色或图  

Qt在设置窗口边框圆角时有两种方式,一种是设置样式,另一种是在paintEvent事件中绘制窗口.下面分别叙述用这两种方式来实现窗口边框圆角的效果. 一.使用setStyleSheet方法 this->setStyleSheet(“QWidget{border-top-left-radius:15px;border-top-right-radius:5px;}”)); 使用的主要是使用border-radius 属性,关于这个属性,可选的样式有 border-top-left-radius 设置

有一定as3开发经验的童鞋应该知道,新建一个sprite,是无法设置大小的,即时设置了,也不会生效,宽高还是为0,据说反而有副作用(http://www.cnblogs.com/yjmyzz/archive/2010/07/17/1779918.html). 之前的解决办法是,在sprite内绘制一个不可见的同等大小的矩形,这样就能把sprite的大小撑起来了,但是这样还是有一点麻烦,每次改变需要清空然后重绘,而且还可能有未知的性能问题(毕竟添加了显示对象,会影响显示列表的渲染,带了alpha就

qt widget设置Qt::FramelessWindowHint和Qt::WA_TranslucentBackground, 会出现一个bug: 在最小化后还原时界面停止刷新 Widget with Qt::FramelessWindowHint and Qt::WA_TranslucentBackground stops painting after minimize/restore 被这个问题折腾了好几天, 真特么郁闷 该bug在qt 5.1.1中修复, bugreport链接 http

博文都写在了云笔记里面了,见谅,不想维护两个版本. QT 常用设置

QWidget是所有用户界面对象的基类,这意味着可以用同样的方法为其它子类控件改变背景颜色. Qt中窗口背景的设置,下面介绍三种方法. 1.使用QPalette2.使用Style Sheet3.绘图事件 一般我不用QSS设置窗口背景,也不建议使用.(这里是对于窗口而,如果是子部件当然可以).因为窗口使用QSS设置背景之后,若子部件不使用同样的方式来设置,默认则会继承父窗口的样式. 使用QPalette 使用QPalette来设置背景色 m_pWidget = new QWidget(this);

3dsmax不同版本 pyside qt widget 设置 max 窗口为父窗口的方法 前言: 3dsmax 在 2014 extension 之后开始集成 Python 和 PySide,但是在版本2014 extension - 2015 中,当设置 qt UI 的父窗口为 max 主窗口的时候会报错,3dsmax2016 修复了这个bug,2017 和 2018 对 parenting qt widget to max main window 的方式都有所更新,下面来看看每个版本的具体方

QWidget是所有用户界面对象的基类,这意味着可以用同样的方法为其它子类控件改变背景颜色. Qt中窗口背景的设置,下面介绍三种方法. 1.使用QPalette 2.使用Style Sheet 3.绘图事件 一般我不用QSS设置窗口背景,也不建议使用.(这里是对于窗口而,如果是子部件当然可以).因为窗口使用QSS设置背景之后,若子部件不使用同样的方式来设置,默认则会继承父窗口的样式. 使用QPalette 使用QPalette来设置背景色 m_pWidget = new QWidget(this

转载请说明原出处,谢谢~~:http://blog.csdn.net/zhuhongshu/article/details/42502081 因为项目需要我需要给duilib增加一个gif控件,目前已经有了gif控件有很多版本,我去搜集了一些控件,但是都没有自己满意的.原uilib库中已经有GifAnim控件,但是这个控件给出的控制功能不足,不可以控制播放.暂停.停止.当控件隐藏时也不会停止播放动画,会影响效率. 于是在原GifAnim的基础上做了增强,增加了PlayGif.PauseGif.S

黑色的主题看起来比較炫酷一点.也有人说黑色主题用起来对眼睛好.只是个人感觉然并卵,依据自己的习惯爱好设置就好. 假设想保护眼睛,还是将屏幕调到合适的亮度,不要太暗.自己眼睛认为舒服最好.也能够通过"桌面右击--个性化--高级"来设置窗体.桌面等的背景色为自己定义颜色(色调85,饱和度123,亮度205). 以下是Qt5集成的Qt Creator设置黑色背景的方法.之前有些版本号稍有区别: 设置之后代码部分的背景并没有改变,以下配置文字的颜色: 提示: 之前的一些版本号在"环境

QT如何设置应用程序的图标 准备:.ico格式的图片,可以选择任意其他图片格式的一张图片用格式工厂转换成.ico图片     例如选用的图片是Application.ico 把图片放到工程目录下 在工程目录下新建文件"Application.rc",内容是:IDI_ICON1 ICON DISCARDABLE "Application.ico" 在工程文件最后添加:RC_FILE += Application.rc over

最近使用QT写一个小窗口的程序,窗口通过QT designer制作之后,运行时可以最大化操作,且最大化之后界面上控件也不会随窗口变化而变化,但由于人都比较懒,直接在QT designer设置窗口属性时直接将宽和高固定住,哈哈这样你想最大化都难

series: [ { name: '值', type: 'bar', stack: '总量', //设置柱状图大小 barWidth : 20, //设置柱状图渐变颜色 itemStyle: { normal: { color: new echarts.graphic.LinearGradient( 0, 0, 1, 0, // 0,0,1,0表示从左向右 0,0,0,1表示从右向左 [ {offset: 1, color: '#83bff6'}, {offset: 0, color: '#1

设置地图大小可通过以下属性设置: geo.aspectScale number [ default: 0.75 ] 这个参数用于 scale 地图的长宽比. 最终的 aspect 的计算方式是:geoBoundingRect.width / geoBoundingRect.height * aspectScale geo.layoutCenter Array [ default: null ] layoutCenter 和 layoutSize 提供了除了 left/right/top/bott

document.getElementById('news-shopPagechart').style.height = this.heightpx2+'px'; //heightpx2定义在data中,用于动态设置高度 let shopCharts = this.$echarts.init( document.getElementById("news-shopPagechart") ); shopCharts.resize();//直接加这句即可 shopCharts.setOpti

<pre name="code" class="cpp">#include "mainwindow.h" #include <QApplication> #include <QDesktopWidget> int main(int argc, char *argv[]) { QApplication a(argc, argv); MainWindow w; w.show(); QDesktopWidget *d

项目中要添加地图,默认地图太小,折腾半天终于找到解决方案. series: [ { //name: '香港18区人口密度', type: 'map', mapType: 'jiangsu', // 自定义扩展图表类型 zoom: 1.2, //这里是关键,一定要放在 series中 itemStyle: { normal: { label: { show: true } }, emphasis: { label: { show: true } } }, 看一下 zoom: 1.2 的效果 看一下