目录

一、柱状图

1 import新模块

2 初始化柱状图和绘制柱状图函数 

3 反走样

4 构造函数里添加调用 

5 运行效果

1.5.1 全局图

1.5.2 柱状图

二、一步一步画柱状图(draw_barChart函数)

1 最简单的draw_barChart

2 添加标签坐标轴

3 添加数据坐标轴

4 添加平均分作为折线序列

5 添加数据点标签

6 添加标题和图例

7 hovered信号和槽函数

2.7.1 槽函数 

2.7.2 关联 

2.7.3 运行效果 

8 clicked信号和槽函数

2.8.1 槽函数

2.8.2 关联 

2.8.3 运行效果

9 图例单击信号和槽函数

2.9.1 槽函数

2.9.2 关联

2.9.3 运行效果

10 补充其他数据字段

11 最终运行结果 

12 如果提示找不到QtChart

三、完整函数代码

一、柱状图

1 import新模块

2 初始化柱状图和绘制柱状图函数 

绘制柱状图和绘制水平柱状图用同一个函数实现，都是draw_barChart()，只是其中的参数不同

3 反走样

红色框框中的语句是要打开QPainter的反走样功能。

在计算机中绘制一条直线，会有明显的锯齿现象，这就叫走样。

比如要绘制A到B的直线，计算机上只能显示那些红色的点。网格越密，分辨率越高，直线越精确，锯齿越小。 

4 构造函数里添加调用 

5 运行效果

1.5.1 全局图

1.5.2 柱状图

先看看数据

再看看最终画出来的柱状图 

二、一步一步画柱状图(draw_barChart函数)

1 最简单的draw_barChart

运行效果如图 

2 添加标签坐标轴

在函数中添加如下红色框中代码

（1）生成坐标轴数据

（2）设置坐标轴和画坐标轴

运行效果 

3 添加数据坐标轴

插入代码

运行效果 

4 添加平均分作为折线序列

添加代码

（1）折线序列设置

（2）添加数据和添加序列 

 

（3）添加轴

运行效果

5 添加数据点标签

补充代码

运行效果

6 添加标题和图例

补充代码

运行效果 

7 hovered信号和槽函数

hovered信号：在鼠标光标进入或离开一个棒柱时发射

2.7.1 槽函数 

在statusbar上显示信息 

2.7.2 关联 

2.7.3 运行效果 

8 clicked信号和槽函数

hovered是鼠标光标进入或离开柱子，clicked是要点击柱子

2.8.1 槽函数

2.8.2 关联 

2.8.3 运行效果

没点击前，鼠标放在柱子上，hovered

点击后，clicked 

9 图例单击信号和槽函数

2.9.1 槽函数

2.9.2 关联

2.9.3 运行效果

点图例文字或方块

柱子隐藏了，图例也变了 

再点统帅，变回原样 

点平均分 

10 补充其他数据字段

所有功能都实现了，补充其他字段的代码。

（1）定义

（2）数据生成

（3）添加数据集

11 最终运行结果 

12 如果提示找不到QtChart

是因为之前系统安装的时候漏装了QtChart，用pip命令安装PyQtChart

三、完整函数代码

def __iniBarChart(self):        ##初始化柱状图chart = QChart()chart.setTitle("Barchart 演示")self.ui.chartViewBar.setChart(chart)    #为chartView设置chartself.ui.chartViewBar.setRenderHint(QPainter.Antialiasing)self.ui.chartViewBar.setCursor(Qt.CrossCursor)      #设置鼠标指针为十字星def draw_barChart(self,  isVertical=True):      ##绘制柱状图，或水平柱状图chart =self.ui.chartViewBar.chart()chart.removeAllSeries()     #删除所有序列chart.removeAxis(chart.axisX())     #删除坐标轴chart.removeAxis(chart.axisY())     #删除坐标轴if isVertical:chart.setTitle("BarChart 演示")chart.legend().setAlignment(Qt.AlignBottom)else:chart.setTitle("Horizonal BarChart 演示")chart.legend().setAlignment(Qt.AlignRight)setTongshuai=QBarSet("统帅")setWuli = QBarSet("武力")setZhili = QBarSet("智力")setZhengzhi = QBarSet("政治")setMeili = QBarSet("魅力")seriesLine = QLineSeries()      #QLineSeries序列用于显示平均分seriesLine.setName("平均分")pen=QPen(Qt.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)stud_Count=self.dataModel.rowCount()nameList=[]     #学生姓名列表，用于QBarCategoryAxis类坐标轴for i in range(stud_Count):     #从数据模型获取数据生成数据集item=self.dataModel.item(i, 0)      #第0列姓名nameList.append(item.text())        #姓名，用作坐标轴标签item=self.dataModel.item(i, 1)       #第1列统帅setTongshuai.append(float(item.text()))item=self.dataModel.item(i, 2)       #第2列武力setWuli.append(float(item.text()))item=self.dataModel.item(i, 3)       #第3列智力setZhili.append(float(item.text()))item=self.dataModel.item(i, 4)       #第4列政治setZhengzhi.append(float(item.text()))item=self.dataModel.item(i, 5)       #第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.LabelsCenter)     #数据标签显示位置seriesBar.hovered.connect(self.do_barSeries_Hovered)        #hovered信号seriesBar.clicked.connect(self.do_barSeries_Clicked)        #clicked信号chart.addSeries(seriesBar)      #添加柱状图序列chart.addSeries(seriesLine)     #添加折线图序列##学生姓名坐标轴axisStud = QBarCategoryAxis()axisStud.append(nameList)       #添加横坐标文字列表axisStud.setRange(nameList[0], nameList[stud_Count-1])      #坐标轴范围#数值型坐标轴axisValue = QValueAxis()axisValue.setRange(0, 100)axisValue.setTitleText("分数")axisValue.setTickCount(6)         #刻度线数量axisValue.applyNiceNumbers()        #让刻度线更好看if isVertical:chart.setAxisX(axisStud, seriesBar)chart.setAxisY(axisValue, seriesBar)chart.setAxisX(axisStud, seriesLine)chart.setAxisY(axisValue, seriesLine)else:chart.setAxisX(axisValue, seriesBar)chart.setAxisY(axisStud, seriesBar)chart.setAxisY(axisStud, seriesLine)chart.setAxisX(axisValue, seriesLine)for maker in chart.legend().markers():      #QLegendMarker类型列表maker.clicked.connect(self.do_LegendMarkerClicked)def do_barSeries_Hovered(self, status, index, barset):      ##关联hovered信号hint="hovered barSet="+barset.label()if status:hint=hint+", index=%d, value=%.2f"%(index, barset.at(index))else:hint=""self.ui.statusbar.showMessage(hint)def do_barSeries_Clicked(self,  index,  barset):##关联clicked信号hint="clicked barset="+barset.label()hint=hint+", count=%d, sum=%.2f"%(barset.count(),  barset.sum())self.ui.statusbar.showMessage(hint)def do_LegendMarkerClicked(self):       ##点击图例小方块marker =self.sender()       #QLegendMarker marker∶信号的发射者marker.series().setVisible(not marker.series().isVisible())marker.setVisible(True)alpha = 1.0 if not marker.series().isVisible():alpha = 0.5brush = marker.labelBrush()     #QBrush color = brush.color()       #QColorcolor.setAlphaF(alpha)brush.setColor(color)marker.setLabelBrush(brush)brush = marker.brush()color = brush.color()color.setAlphaF(alpha)brush.setColor(color)marker.setBrush(brush)pen = marker.pen()      #QPencolor = pen.color()color.setAlphaF(alpha)pen.setColor(color)marker.setPen(pen)@pyqtSlot()     # #绘制柱状图def on_btnBuildBarChart_clicked(self):self.draw_barChart()@pyqtSlot()      ##绘制水平柱状图def on_btnBuildBarChartH_clicked(self):self.draw_barChart(False)