数据库列表如图所示，如何对其进行绘图：
（一）柱状图的建立
(1)柱状图初始化
self.__iniBarChart()
self.__iniBarChart() @pyqtSlot() def __iniBarChart(self): chart =QChart() chart.setTitle("Barchart 演示") chart.setAnimationOptions(QChart.AnimationOption.SeriesAnimations) self.ui.chartViewBar.setChart(chart)#为ChartView设置chart self.ui.chartViewBar.setRenderHint(QPainter.RenderHint.Antialiasing)#反走样
注：线越精确，锯齿越小，反走样可以减少锯齿现象
以上代码得到的页面如下：
（2）设置坐标轴数据
setTongshuai = QBarSet("统帅") setTongshuai = QBarSet("统帅") setWuli = QBarSet("武力") setZhili=QBarSet("智力") setZhengzhi=QBarSet("政治") setMeili = QBarSet("魅力") seriesLine = QLineSeries() seriesLine.setName("平均分") stud_Count=self.dataModel.rowCount()#数据的行数 nameList=[]#设置姓名列表，用于QBarCategoryAxis类坐标轴 for i in range(stud_Count): #从数据模型中获取数据 item=self.dataModel.item(i, 0)#第0列姓名 nameList.append(item.text())#姓名，用作坐标轴标签 (i,1),(i,2)...表示每个姓名下的分类 item=self.dataModel.item(i, 1)#第一列统帅 setTongshuai.append(float(item.text())) item=self.dataModel.item(i, 2)#第二列武力 setWuli.append(float(item.text())) item=self.dataModel.item(i, 3)#第三列智力 setZhili.append(float(item.text())) item=self.dataModel.item(i, 4)#第四列政治 setZhengzhi.append(float(item.text())) item=self.dataModel.item(i, 5)#第五列魅力 setMeili.append(float(item.text())) item=self.dataModel.item(i, 6) if isVertical: seriesLine.append(i, float(item.text()))#平均分,用于柱状图 else: seriesLine.append(float(item.text()), i)#平均分，用于水平柱状图 #创建一个序列QBarSeries，并添加数据集 if isVertical: seriesBar =QBarSeries()#柱状图 else: seriesBar=QHorizontalBarSeries()#水平柱状图 seriesBar.append(setTongshuai)#添加数据集 seriesBar.append(setWuli) seriesBar.append(setZhili) seriesBar.append(setZhengzhi) seriesBar.append(setMeili) seriesBar.setLabelsVisible(True)#数据点标签可见 seriesBar.setLabelsFormat("@value")#显示数值标签 seriesBar.setLabelsPosition(QAbstractBarSeries.LabelsPosition.LabelsCenter)#数据标签显示位置 chart.addSeries(seriesBar)#添加柱状图序列 ##姓名坐标轴 axisStud=QBarCategoryAxis() axisStud.append(nameList)#添加横坐标文字列表 axisStud.setRange(nameList[0], nameList[stud_Count-1])#坐标轴范围
（3）绘制数值型坐标轴
#数值型坐标轴 axisValue=QValueAxis() axisValue.setRange(0, 100) axisValue.setTitleText("分数") axisValue.setTickCount(6) #刻度线数量 axisValue.applyNiceNumbers() #让刻度线更好看 if isVertical: chart.addAxis(axisStud, Qt.AlignmentFlag.AlignBottom) seriesBar.attachAxis(axisStud) chart.addAxis(axisValue, Qt.AlignmentFlag.AlignLeft) seriesBar.attachAxis(axisValue) else: chart.addAxis(axisStud, Qt.AlignmentFlag.AlignLeft) seriesBar.attachAxis(axisStud) chart.addAxis(axisValue, Qt.AlignmentFlag.AlignBottom) seriesBar.attachAxis(axisValue)
得到的柱状图结果
得到的水平柱状图结果
注：其中的颜色是pyqt默认的主题：light
官网上不同主题显示不同效果，例如：bluecy主题
折线图的展示只要在此基础上加入
seriesLine = QLineSeries()#用于显示平均数 seriesLine.setName("平均分") pen=QPen(Qt.GlobalColor.red) pen.setWidth(2) seriesLine.setPen(pen) seriesLine.setPointLabelsVisible(True)#数据点标签可见 if isVertical: seriesLine.setPointLabelsFormat("@yPoint")#显示y数值标签 else: seriesLine.setPointLabelsFormat("@xPoint")#显示x数值标签 font=seriesLine.pointLabelsFont() font.setPointSize(10)
font.setBold(True)
seriesLine.setPointLabelsFont(font)
chart.addSeries(seriesLine)#添加折线图序列
seriesLine.attachAxis(axisStud)#添加轴
seriesLine.attachAxis(axisValue)
（二）在进行堆叠柱状图的建立之前，要先清理轴和数据
chart.removeAllSeries() #删除所有序列 for axis in chart.axes(): chart.removeAxis(axis) #删除坐标轴
堆叠柱状图的代码和柱状图的代码是一样的，只是其不需要平均数这一列
#数值型坐标轴 axisValue=QValueAxis() axisValue.setRange(0, 500) axisValue.setTitleText("总分") axisValue.setTickCount(6) #刻度线数量 axisValue.applyNiceNumbers() #让刻度线更好看
将坐标轴变一下，可以看到绘制的图为：
堆叠柱状图
水平堆叠柱状图
（三）百分比柱状图
初始化函数和之前是一样的操作，这里将主要的构造图函数
if isVertical: chart.setTitle("PercentBar 演示") else: chart.setTitle("Horizontal PercentBar 演示") scoreBarSets=[] #QBarSet对象列表 sectionCount=5 #5个分数段，分数段是数据集 for i in range(sectionCount): item=self.ui.treeWidget.topLevelItem(i) barSet=QBarSet(item.text(0)) #一个分数段 scoreBarSets.append(barSet) #QBarSet对象列表 categories=["统帅", "武力", "智力", "政治", "魅力"] courseCount=5 #5门课程 for i in range(sectionCount): #5个分数段 item=self.ui.treeWidget.topLevelItem(i) #treeWidget第i行 barSet=scoreBarSets[i] #某个分数段的QBarSet for j in range(courseCount): #课程是category barSet.append(float(item.text(j+1))) if isVertical: seriesBar=QPercentBarSeries()#序列 else: seriesBar=QHorizontalPercentBarSeries()#序列 seriesBar.append(scoreBarSets)#添加一个QBarset对象列表 seriesBar.setLabelsVisible(True)#显示百分比 seriesBar.hovered.connect(self.do_barSeries_Hovered)#hovered信号 seriesBar.clicked.connect(self.do_barSeries_Clicked)#clicked信号 chart.addSeries(seriesBar) axisSection= QBarCategoryAxis()#分类坐标 axisSection.append(categories) axisSection.setTitleText("分数段") axisSection.setRange(categories[0], categories[courseCount-1]) axisValue= QValueAxis()#数值坐标 axisValue.setRange(0, 100) axisValue.setTitleText("累积百分比") axisValue.setTickCount(6) axisValue.setLabelFormat("%.0f%")#标签格式 axisValue.applyNiceNumbers() if isVertical: chart.addAxis(axisSection, Qt.AlignmentFlag.AlignBottom) seriesBar.attachAxis(axisSection) chart.addAxis(axisValue, Qt.AlignmentFlag.AlignLeft) seriesBar.attachAxis(axisValue) else: chart.addAxis(axisSection, Qt.AlignmentFlag.AlignLeft) seriesBar.attachAxis(axisSection) chart.addAxis(axisValue, Qt.AlignmentFlag.AlignBottom) seriesBar.attachAxis(axisValue) for marker in chart.legend().markers():#QLegendMarker类型列表 marker.clicked.connect(self.do_LegendMarkerClicked)
得到的图如下：
百分比柱状图：
水平百分比柱状图：
（四）饼图
@pyqtSlot() def draw_pieChart(self): chart=self.ui.chartViewPie.chart()#获取chart对象 chart.legend().setAlignment(Qt.AlignmentFlag.AlignRight) chart.removeAllSeries() colNo=1+self.ui.comboCourse.currentIndex() seriesPie = QPieSeries() seriesPie.setHoleSize(self.ui.spinHoleSize.value()) sec_count=5 seriesPie.setLabelsVisible(True) for i in range(sec_count): item=self.ui.treeWidget.topLevelItem(i) sliceLabel=item.text(0)+"(%s人)"%item.text(colNo) sliceValue=int(item.text(colNo)) seriesPie.append(sliceLabel, sliceValue) seriesPie.setLabelsVisible(True)#只影响当前的slices，必须添加玩slice之后再设置 seriesPie.hovered.connect(self.do_pieHovered)#鼠标落在某个分块上时，次分块弹出 chart.addSeries(seriesPie) chart.setTitle("Piechart---"+self.ui.comboCourse.currentText()) @pyqtSlot(int) def on_comboCourse_currentIndexChanged(self, index): self.draw_pieChart()
hover效果的呈现：
def do_pieHovered(self, pieSlice, state): pieSlice.setExploded(state)#弹回或缩回，具有动态效果 if state:#显示带百分数的标签 self.__oldLabel=pieSlice.label()#保存原来的label pieSlice.setLabel(self.__oldLabel+":%.1f%%" %(pieSlice.percentage()*100)) else:#显示原来的标签 pieSlice.setLabel(self.__oldLabel)
选中的图会呈现悬浮效果：
