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

Django开发笔记一 Django开发笔记二 Django开发笔记三 Django开发笔记四 Django开发笔记五 Django开发笔记六 1.邮箱激活 users app下,models.py: class EmailVerifyRecord(models.Model): code = models.CharField(max_length=20, verbose_name=u"验证码") email = models.EmailField(max_length=50, verb…

前言   上一篇成功是EChart随着Qt窗口变化而变化,本篇将开始正式介绍柱状图介绍.基础使用,并将其封装一层Qt.  本篇的demo实现了隐藏js代码的方式,实现了一个条形图的基本交互方式,即Qt调用js脚本操作html.   Demo演示      ECharts调试工具   ECharts提供的纯JS代码编辑开发调试工具,可编辑js,并且查看运行效果:  https://echarts.apache.org/examples/zh/editor.html    开发过程中对于属性的查询和…

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

前言   上一篇的demo使用隐藏js代码的方式,实现了一个饼图的基本交互方式,并预留了Qt模块对外的基础接口.  本篇的demo实现了自动排序的柱状图,实现了一个自动排序柱状图的基本交互方式,即Qt调用js脚本操作html.  本篇demo使用Qt定时器方式,实现数据定时刷新自增,并预留出了定时器间隔参数.  像大数据网页常看的人口增长时间图,收入年度增长时间图等都是这一类.   Demo演示      ECharts代码效果调试   使用ECharts的在线调试器,先调试出大致预期的效果.…

1.中国官网 https://tersus.cn/ 2.下载:https://tersus.cn/download/ 3.开发文档:https://tersus.cn/docs/ 4.基本元件说明 图标 英文名称 元件名称 使用说明 服务器端 客户端 Select 单击选中 单击选中一个开发元件对象     Marquee 框选多个 框选多个开发元件件对象     Flow 传值或流程 将内容传给对象或流程走向 √ √ Remove 删除对象 去掉对象,可以连向复数对象,如一条线可删除表格中多行…

1.双Y轴显示数量和占比 app.title = '坐标轴刻度与标签对齐'; option = { title : { //标题 x : 'center', y : 5, text : '数量和占比图' //换行用 \n }, legend : { //图标 show : true, x : 'center', y : 30, itemGap : 10, itemWidth : 30, itemHeight : 10, data : ['one','three'] }, color: ['#33…

echarts的实例方法非常重要,因为在实际运用中我们额图表的数据不可能是死的,而是动态变化的,实例方法为动态改变数据提供了方法.故特意从官网上面把下面实例方法进行记录: 注:下面内容摘自echarts官网,原文地址:http://echarts.baidu.com/doc/doc.html#%E5%AE%9E%E4%BE%8B%E6%96%B9%E6%B3%95 实例指的就是接口init()返回的对象,即上述代码中的“myChart”,非get接口均返回自身self支持链式调用 名称 参数 描…

前言   开发国产应用,使用到银河麒麟V4,V10,本篇以V10记录,参照上一篇可安装V4.V7.V10三个版本,麒麟V4系自带了Qt,麒麟V10没有自带Qt,需要自己编译搭建环境.   银河麒麟V10版本   系统版本:    检查qt:    调整颜色:   Qt下载   参考博文<获取下载Qt安装包,Qt源码全国网址备忘录(不用注册Qt账户,即可下载各版本Qt安装包和Qt源码包)>  需要哪个版本下哪个版本,笔者经常使用得是Qt5.9和Qt5.12两个大版本,本次下载Qt5.12.0.…

option = { title: { text: '趋势' }, tooltip : { trigger: 'axis', show:true, axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' } }, dataZoom: { show: true, start : 30, end : 70 }, legend: { //itemWidth:50, data:['趋势'] }, a…