随笔分类 - echarts
摘要:前言 上一篇的demo使用隐藏js代码的方式,实现了一个饼图的基本交互方式,并预留了Qt模块对外的基础接口。 本篇的demo实现了自动排序的柱状图,实现了一个自动排序柱状图的基本交互方式,即Qt调用js脚本操作html。 本篇demo使用Qt定时器方式,实现数据定时刷新自增,并预留出了定时器间隔参数
阅读全文
摘要:前言 前一篇介绍了横向柱图图。本篇将介绍基础饼图使用,并将其封装一层Qt。 本篇的demo使用隐藏js代码的方式,实现了一个饼图的基本交互方式,并预留了Qt模块对外的基础接口。 Demo演示 ECharts代码效果调试 使用ECharts的在线调试器,先调试出大致预期的效果。 option = {
阅读全文
摘要:前言 上一篇成功是EChart随着Qt窗口变化而变化,本篇将开始正式介绍柱状图介绍、基础使用,并将其封装一层Qt。 本篇的demo实现了隐藏js代码的方式,实现了一个条形图的基本交互方式,即Qt调用js脚本操作html。 Demo演示 ECharts调试工具 ECharts提供的纯JS代码编辑开发调
阅读全文
摘要:前言 上一篇将ECharts嵌入Qt中,在开始ECharts使用之前,还有一个很重要的功能,就是在窗口变换大小的时候,ECharts的图表尺寸也要跟随Qt窗口变换大小而变换大小。 Demo演示 原理 QWebEnginePage的大小会动态改变,然后导致html的body改变: 在windows里面
阅读全文