QChart多个图布局使坐标轴对齐的方法

简介: QChart多个图布局使坐标轴对齐的方法

QChart多个图布局使坐标轴对齐的方法


总体思路


Qt的QChart中并没有提供改变坐标原点位置的接口,因此无法简单的移动坐标原点。但是在多个图表需要在多个View中布局,同时显示多个数据进行对比,而坐标的单位和值会导致原点无法对齐严重影响美观和可视化问题。


虽然无法直接修改坐标原点位置,但是还是有办法保证布局中原点对齐,这里以两个水平分割的图表布局举例,主要思路如下:

1. 截取resizeEvent事件.
2. 获取两个QChartView中的QChart的Margins值和ploatArea的宽度.
3. 计算两个ploatArea的宽度差.
4. 在resizeEvent事件中通过设置Margins来使的两个QChart的左边margins相等就可以达到Y轴对齐了.
5. 同理可以调整X轴.


主要代码


margin_k = self.k_view.chart().margins()
margin_v = self.v_view.chart().margins()
width_k = self.k_view.chart().plotArea().width()
width_v = self.v_view.chart().plotArea().width()
sub = width_k - width_v
if sub > 0:
    self.k_view.chart().setMargins(QMargins(margin_k.left() + sub, margin_k.top(),
                                margin_k.right(), margin_k.bottom()))
else:
    self.v_view.chart().setMargins(QMargins(margin_v.left() - sub, margin_v.top(),
                                margin_v.right(), margin_v.bottom()))


效果预览

相关文章
|
5月前
|
机器学习/深度学习 前端开发 算法
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(二)
95 0
|
5月前
|
存储 前端开发 JavaScript
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
canvas系列教程03 —— 线的样式、绘制文本、操作图片(图片的渲染、缩放、裁剪、切割、平铺、特效)、变换元素(平移、缩放、旋转)(一)
503 0
|
7月前
|
移动开发 前端开发 JavaScript
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
228 0
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
Echarts实战案例代码(48):堆叠图实现图形和坐标轴对齐的解决方案
Echarts实战案例代码(48):堆叠图实现图形和坐标轴对齐的解决方案
163 0
|
前端开发
Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案
Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案
305 0
|
计算机视觉
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
Qt实用技巧:图形视图框架中图元将矩形边界改为不规则边界(用于选取和碰撞)
SwiftUI—通过Path路径绘制不规则的线条和图形
SwiftUI—通过Path路径绘制不规则的线条和图形
658 0
SwiftUI—通过Path路径绘制不规则的线条和图形
案例03 补充:金字塔等图形边框的绘制
案例03 补充:金字塔等图形边框的绘制
260 0
案例03 补充:金字塔等图形边框的绘制
在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。
编写Java程序:在画图软件中,可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征,如它们可以是用某种颜色画出来的,可以是填充的或者不填充的。