devbox
2023面试高手
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

PyQt学习(二)-----图形的建立（柱状图，折线图，堆叠柱状图，饼图）_pyqt柱状图

作者：2023面试高手 | 2024-02-23 00:48:44

赞

踩

pyqt柱状图

数据库列表如图所示，如何对其进行绘图：

（一）柱状图的建立

(1)柱状图初始化

self.__iniBarChart()

  1.   @pyqtSlot()
  2.     def __iniBarChart(self):
  3.         chart =QChart()
  4.         chart.setTitle("Barchart 演示")
  5.         chart.setAnimationOptions(QChart.AnimationOption.SeriesAnimations)
  6.         self.ui.chartViewBar.setChart(chart)#为ChartView设置chart
  7.         self.ui.chartViewBar.setRenderHint(QPainter.RenderHint.Antialiasing)#反走样

 注：线越精确，锯齿越小，反走样可以减少锯齿现象

 以上代码得到的页面如下：
 

 （2）设置坐标轴数据

  1. setTongshuai = QBarSet("统帅")
  2. setTongshuai = QBarSet("统帅")
  3. setWuli = QBarSet("武力")
  4. setZhili=QBarSet("智力")
  5. setZhengzhi=QBarSet("政治")
  6. setMeili = QBarSet("魅力")
  7.         
  8. seriesLine = QLineSeries()
  9. seriesLine.setName("平均分")
  10. stud_Count=self.dataModel.rowCount()#数据的行数
  11. nameList=[]#设置姓名列表，用于QBarCategoryAxis类坐标轴
  12. for i in range(stud_Count): #从数据模型中获取数据
  13.             item=self.dataModel.item(i, 0)#第0列姓名
  14.             nameList.append(item.text())#姓名，用作坐标轴标签
  15. (i,1),(i,2)...表示每个姓名下的分类
  16.  
  17.             item=self.dataModel.item(i, 1)#第一列统帅
  18.             setTongshuai.append(float(item.text()))
  19.             
  20.             item=self.dataModel.item(i, 2)#第二列武力
  21.             setWuli.append(float(item.text()))
  22.             
  23.             item=self.dataModel.item(i, 3)#第三列智力
  24.             setZhili.append(float(item.text()))
  25.             
  26.             item=self.dataModel.item(i, 4)#第四列政治
  27.             setZhengzhi.append(float(item.text()))
  28.             
  29.             item=self.dataModel.item(i, 5)#第五列魅力
  30.             setMeili.append(float(item.text()))
  31.             
  32.             
  33.             item=self.dataModel.item(i, 6)
  34.             if isVertical:
  35.                 seriesLine.append(i, float(item.text()))#平均分,用于柱状图
  36.             else:
  37.                 seriesLine.append(float(item.text()), i)#平均分，用于水平柱状图
  38.   
  39.  #创建一个序列QBarSeries，并添加数据集
  40.         if isVertical:
  41.             seriesBar =QBarSeries()#柱状图
  42.         else:
  43.             seriesBar=QHorizontalBarSeries()#水平柱状图
  44.  
  45.  seriesBar.append(setTongshuai)#添加数据集
  46.  seriesBar.append(setWuli)
  47.  seriesBar.append(setZhili)
  48.  seriesBar.append(setZhengzhi)
  49.  seriesBar.append(setMeili)
  50.  seriesBar.setLabelsVisible(True)#数据点标签可见
  51.  seriesBar.setLabelsFormat("@value")#显示数值标签
  52.  seriesBar.setLabelsPosition(QAbstractBarSeries.LabelsPosition.LabelsCenter)#数据标签显示位置
  53.        
  54.         chart.addSeries(seriesBar)#添加柱状图序列     
  55.   ##姓名坐标轴
  56.         axisStud=QBarCategoryAxis()
  57.         axisStud.append(nameList)#添加横坐标文字列表
  58.         axisStud.setRange(nameList[0], nameList[stud_Count-1])#坐标轴范围

（3）绘制数值型坐标轴

  1. #数值型坐标轴
  2.         axisValue=QValueAxis()
  3.         axisValue.setRange(0, 100)
  4.         axisValue.setTitleText("分数")
  5.         axisValue.setTickCount(6) #刻度线数量
  6.         axisValue.applyNiceNumbers() #让刻度线更好看
  7.         
  8.         if isVertical:
  9.             chart.addAxis(axisStud, Qt.AlignmentFlag.AlignBottom)
  10.             seriesBar.attachAxis(axisStud)
  11.             chart.addAxis(axisValue, Qt.AlignmentFlag.AlignLeft)
  12.             seriesBar.attachAxis(axisValue)
  13.         else:
  14.             chart.addAxis(axisStud, Qt.AlignmentFlag.AlignLeft)
  15.             seriesBar.attachAxis(axisStud)
  16.             chart.addAxis(axisValue, Qt.AlignmentFlag.AlignBottom)
  17.             seriesBar.attachAxis(axisValue)

得到的柱状图结果 

得到的水平柱状图结果

 

注：其中的颜色是pyqt默认的主题：light

官网上不同主题显示不同效果，例如：bluecy主题

 折线图的展示只要在此基础上加入

  1.  seriesLine = QLineSeries()#用于显示平均数
  2.         seriesLine.setName("平均分")
  3.         pen=QPen(Qt.GlobalColor.red)
  4.         pen.setWidth(2)
  5.         seriesLine.setPen(pen)
  6.         seriesLine.setPointLabelsVisible(True)#数据点标签可见
  7.         if isVertical:
  8.             seriesLine.setPointLabelsFormat("@yPoint")#显示y数值标签
  9.         else:
  10.             seriesLine.setPointLabelsFormat("@xPoint")#显示x数值标签
  11.         font=seriesLine.pointLabelsFont()
  12.         font.setPointSize(10)
  13.         font.setBold(True)
  14.         seriesLine.setPointLabelsFont(font)

       chart.addSeries(seriesLine)#添加折线图序列

      seriesLine.attachAxis(axisStud)#添加轴

      seriesLine.attachAxis(axisValue)

（二）在进行堆叠柱状图的建立之前，要先清理轴和数据

  1. chart.removeAllSeries() #删除所有序列
  2.         for axis in chart.axes():
  3.             chart.removeAxis(axis) #删除坐标轴

堆叠柱状图的代码和柱状图的代码是一样的，只是其不需要平均数这一列

  1.  #数值型坐标轴
  2.         axisValue=QValueAxis()
  3.         axisValue.setRange(0, 500)
  4.         axisValue.setTitleText("总分")
  5.         axisValue.setTickCount(6) #刻度线数量
  6.         axisValue.applyNiceNumbers() #让刻度线更好看

将坐标轴变一下，可以看到绘制的图为：

堆叠柱状图

水平堆叠柱状图

（三）百分比柱状图

初始化函数和之前是一样的操作，这里将主要的构造图函数

  1.   if isVertical:
  2.             chart.setTitle("PercentBar 演示")
  3.   else:
  4.             chart.setTitle("Horizontal PercentBar 演示")
  5.             
  6.         scoreBarSets=[] #QBarSet对象列表
  7.         sectionCount=5 #5个分数段，分数段是数据集
  8.         for i in range(sectionCount):
  9.             item=self.ui.treeWidget.topLevelItem(i)
  10.             barSet=QBarSet(item.text(0)) #一个分数段
  11.             scoreBarSets.append(barSet) #QBarSet对象列表
  12.             
  13.         categories=["统帅", "武力", "智力", "政治", "魅力"]
  14.         courseCount=5   #5门课程
  15.         for i in range(sectionCount): #5个分数段
  16.             item=self.ui.treeWidget.topLevelItem(i) #treeWidget第i行
  17.             barSet=scoreBarSets[i]  #某个分数段的QBarSet
  18.             for j in range(courseCount): #课程是category
  19.                     barSet.append(float(item.text(j+1)))
  20.                     
  21.         if isVertical:
  22.             seriesBar=QPercentBarSeries()#序列
  23.         else:
  24.             seriesBar=QHorizontalPercentBarSeries()#序列
  25.         seriesBar.append(scoreBarSets)#添加一个QBarset对象列表
  26.         seriesBar.setLabelsVisible(True)#显示百分比
  27.             
  28.         seriesBar.hovered.connect(self.do_barSeries_Hovered)#hovered信号
  29.         seriesBar.clicked.connect(self.do_barSeries_Clicked)#clicked信号
  30.  
  31.         chart.addSeries(seriesBar)
  32.             
  33.         axisSection=  QBarCategoryAxis()#分类坐标
  34.         axisSection.append(categories)
  35.         axisSection.setTitleText("分数段")
  36.         axisSection.setRange(categories[0], categories[courseCount-1])
  37.             
  38.         axisValue=  QValueAxis()#数值坐标
  39.         axisValue.setRange(0, 100)
  40.         axisValue.setTitleText("累积百分比")
  41.         axisValue.setTickCount(6)
  42.         axisValue.setLabelFormat("%.0f%")#标签格式
  43.         axisValue.applyNiceNumbers()
  44.             
  45.         if isVertical:
  46.             chart.addAxis(axisSection, Qt.AlignmentFlag.AlignBottom)
  47.             seriesBar.attachAxis(axisSection)
  48.             chart.addAxis(axisValue, Qt.AlignmentFlag.AlignLeft)
  49.             seriesBar.attachAxis(axisValue)
  50.         else:
  51.             chart.addAxis(axisSection, Qt.AlignmentFlag.AlignLeft)
  52.             seriesBar.attachAxis(axisSection)
  53.             chart.addAxis(axisValue, Qt.AlignmentFlag.AlignBottom)
  54.             seriesBar.attachAxis(axisValue)
  55.         
  56.         for marker in chart.legend().markers():#QLegendMarker类型列表
  57.             marker.clicked.connect(self.do_LegendMarkerClicked)

 得到的图如下：

百分比柱状图：

水平百分比柱状图：

 （四）饼图

  1.   @pyqtSlot()
  2.     def draw_pieChart(self):
  3.         chart=self.ui.chartViewPie.chart()#获取chart对象
  4.         chart.legend().setAlignment(Qt.AlignmentFlag.AlignRight)
  5.         chart.removeAllSeries()
  6.         
  7.         colNo=1+self.ui.comboCourse.currentIndex()
  8.         
  9.         seriesPie = QPieSeries()
  10.         seriesPie.setHoleSize(self.ui.spinHoleSize.value())
  11.         sec_count=5
  12.         seriesPie.setLabelsVisible(True)
  13.         
  14.         for i in range(sec_count):
  15.             item=self.ui.treeWidget.topLevelItem(i)
  16.             sliceLabel=item.text(0)+"(%s人)"%item.text(colNo)
  17.             sliceValue=int(item.text(colNo))
  18.             seriesPie.append(sliceLabel, sliceValue)
  19.             
  20.         seriesPie.setLabelsVisible(True)#只影响当前的slices，必须添加玩slice之后再设置
  21.         seriesPie.hovered.connect(self.do_pieHovered)#鼠标落在某个分块上时，次分块弹出
  22.         chart.addSeries(seriesPie)
  23.         chart.setTitle("Piechart---"+self.ui.comboCourse.currentText())
  24.     
  25.     @pyqtSlot(int)
  26.     def on_comboCourse_currentIndexChanged(self, index):
  27.         self.draw_pieChart()

hover效果的呈现： 

  1. def do_pieHovered(self, pieSlice, state):
  2.         pieSlice.setExploded(state)#弹回或缩回，具有动态效果
  3.         if state:#显示带百分数的标签
  4.             self.__oldLabel=pieSlice.label()#保存原来的label
  5.             pieSlice.setLabel(self.__oldLabel+":%.1f%%"
  6.                             %(pieSlice.percentage()*100))
  7.         else:#显示原来的标签
  8.             pieSlice.setLabel(self.__oldLabel)

选中的图会呈现悬浮效果： 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/132454
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号