PyQt5可视化 7 饼图和柱状图实操案例②

frameData

在frameData里面放两个group box，上下排列，分别为groupBoxGrade和groupBoxCount

groupBoxGrade

在这个group box里面放一个tableView，命名为tableView

层次结构为

界面样子为

选择groupBoxGrade，选择水平布局，变成这样

groupBoxCount

放一个treeWidget，命名就叫treeWidget

选择groupBoxCount，设为栅格布局

frameData布局

设置treeWidget内容

双击treeWidget

设置各列属性为居中

项目

设置treeWidget属性

不可以被编辑

这是统计表，不允许编辑里面的数据，设置成不可编辑的

点开editTriggers前面的符号

取消其中的两个勾

editTriggers属性设为NnEditTriggers

宽度、大小设置

frameData的层次

布局

选中frameData，设为垂直布局，变成这样

tabWidget

添加和设置tab

修改当前两个tab的属性

选中tabWidget，修改三个current属性

换tab_2，修改

完成后是这样的

添加新页面

选中treeWidget，点右键，选择在当前页之后插入页

设置

再插入一个，设置

插入后，变成这样

tabWidget的层次

tabBar柱状图页

widgetBar

在该页下放一个widget，命名为widgetBar

选中tabWidget，选择水平布局，这时widgetBar填充满整个tabWidget区域，在上面放组件。

在wigdetBar上放一个frame和一个Graphis View。

frame命名为frameBar，frameShape设为Panel

在frameBar放两个push Button和一个horizontal Spacer。两个push Button分别命名为btnBuildBarChart和btnBuildBarChartH，text为绘制柱状图和绘制水平柱状图。

将frameBar设置为水平布局

在graphics View上点右键，选提升为

如图进行设置

点击添加按钮

提升完后，将其改名为chartViewBar。

层次结构如图

点击tabWidget，将当前页设为垂直布局，如图

tabStackedBar层叠柱状图页

将tabBar里面的frameBar和chartViewBar拷贝到tabStackedBar下。点击tabWidget，设置垂直布局。修改相应名称

显示如下

tabPercentBar百分比柱状图页

照样拷贝，修改

tabPieChart饼图页

将tabBar里面的frameBar和chartViewBar拷贝到tabPieBar下。点击tabWidget，设置垂直布局。修改相应名称

删除framePie上的两个按钮和一个Spacer

右键点击framePie，选择打破布局，等所有组件都放了后再布局

在framePie上放一个label，一个Combo Box，一个push Button，一个label，一个double spinbox，一个label，一个double spinbox，一个checkbox和一个horizontal spacer

其中combobox命名为comboCourse，内容如下

pushbutton命名为tbnDrawPieChart，text为绘制饼图

两个double spin box分别命名为spinHoleSize和spinPieSize，属性如下

checkBox命名chkBoxPieLegend，属性如下

再放一个horizontal spacer

放好后层次结构

设置framPieBar布局为水平布局

显示如图

我正在参与2023腾讯技术创作特训营第三期有奖征文，组队打卡瓜分大奖！