对于数据可视化模块QT有自己的一套模块名字叫做Qtcharts,在项目模块中添加charts模块即可,QTcreator和VS中均可适用,如果你的模块中找不到这个charts模块的话,很有可能是在安装QT的时候没有勾选charts模块,现在的QT版本不知道可不可以直接选择安装啊,我记得之前我的没安装charts模块只能重新安装QT!
话不多说,进入今天主题,利用Qcharts显示柱状图,学会这部分其实只需要学会了解四个class的用法即可,分别为:
- QBarSet: 条形数据集合
- QBarSeries: 用来存储多个QBarSet的条形数据
- QChart: 图表界面可以设置多种效果,具体查看Qt助手
- QChartView: qchart自己的视图,专门负责显示QChart
大致思路说下,1.用Qbarset存储自己想要显示的数据;2.Qbarchart读取数据完毕后将其append到Qbarseries里面 ;3.将Qbarserie绑定Qchart即可完成数据的展示,随后设置X,Y轴显示灯效果,4.添加Qchartview视图,将其放进布局里面,再使用addwidget添加Qchart即可完成柱状图的显示;
下面是我自己实现的代码:
void frmchart::createChart(map<QString, list<int>> obj)
{
QBarSeries *series = new QBarSeries();
map<QString, list<int>>::iterator it = obj.begin();
//将数据读入
while (it != obj.end())
{
QString tit = it->first;
QBarSet *set = new QBarSet(tit);
std::list<int> vecnum = it->second;
for (auto &a : vecnum)
{
*set << a;
}
set->setColor(QColor(qrand()%255, qrand()%255, qrand()%255, 128));
series->append(set);
it++;
}
int size = series->count();
series->setVisible(true);
series->setLabelsVisible(true);
QBarCategoryAxis *axis = new QBarCategoryAxis;
axis->append("January");
axis->append("February");
axis->append("March");
axis->append("April");
axis->setLabelsColor(QColor(qrand() % 255, qrand() % 255, qrand() % 255, 255));
QValueAxis *axisy = new QValueAxis;
axisy->setRange(0, 1000);
axisy->setTitleText(tr("数量"));
chart->addSeries(series);
chart->setTitle(tr("谢谢大家观看我的博客"));
chart->setTitleFont(QFont("微软雅黑"));
chart->setAxisX(axis, series);
chart->setAxisY(axisy, series);
chart->legend()->setVisible(true);
}
void frmchart::dischart()
{
std::list<int> list0 = { 101,505,200,301 };
std::list<int> list1 = { 200,100,59,601 };
std::list<int> list2 = { 599,421,878,213 };
std::list<int> list3 = { 15,50,708,988 };
std::map<QString, list<int>> mapnum;
mapnum.insert(pair<QString, list<int>>("apple", list0));
mapnum.insert(pair<QString, list<int>>("banana", list1));
mapnum.insert(pair<QString, list<int>>("watermelon", list2));
mapnum.insert(pair<QString, list<int>>("orange", list3));
createChart(mapnum);
QChartView *view = new QChartView(chart);
view->setRenderHint(QPainter::Antialiasing);
ui->mainlayout->addWidget(view);
}
构造这个柱状图主要就是这两个函数,代码中chart是我自己定义的一个私有变量,方式很多,最后实现效果如下:
哈哈,有点花里胡哨,不过基本步骤就是这样啦,很多方法干什么的自己可以好好查看QT助手,我这里只是提供了一个解决思路