QCharts绘制柱状图,柱高和y轴数据不匹配

使用QCharts之前,需要确保自己在安装Qt组件时,选中了Charts这一组件

如果需要使用QCharts绘制柱状图,需进行以下设置

//在项目pro文件中添加以下内容
QT       += charts//在.h文件中添加以下内容,注意:需要将头文件及命名空间添加到ui命名空间之前,否则将提示错误
#include <QtCharts/QChartView>
#include <QtCharts/QBarSeries>
#include <QBarCategoryAxis>
#include <QValueAxis>
#include <QBarSet>QT_CHARTS_USE_NAMESPACE

创建项目,在main.cpp中添加以下内容:

#include "mainwindow.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);QBarSet *set0 = new QBarSet("警告");QBarSet *set1 = new QBarSet("报警");*set0 << 1 << 2 << 3 << 5 << 4;*set1 << 2 << 4 << 0 << 5 << 4;QBarSeries *series = new QBarSeries();series->append(set0);series->append(set1);QChart *chart = new QChart();//chart->addSeries(series);             该语句应当放置此位置QStringList dateList;dateList << "11" << "12" << "13" << "14" << "15";QBarCategoryAxis *axisX = new QBarCategoryAxis();axisX->append(dateList);axisX->setTitleText("日期");QValueAxis *axisY = new QValueAxis();axisY->setRange(0,10);axisY->setLabelFormat("%d");axisY->setTickCount(6);axisY->setTitleText("次数");chart->setAxisX(axisX, series);                  //设置X坐标轴chart->setAxisY(axisY, series);                  //设置Y坐标轴chart->legend()->setVisible(true);              //设置图例为显示状态chart->legend()->setAlignment(Qt::AlignBottom); //设置图例的显示位置在底部chart->addSeries(series);                      //问题所在chart->setTitle("火情记录");chart->setAnimationOptions(QChart::SeriesAnimations);QChartView *chartView = new QChartView(chart);chartView->setRenderHint(QPainter::Antialiasing);MainWindow w;w.setCentralWidget(chartView);w.show();return a.exec();
}

程序运行结果如下:

细心的朋友可以发现,明明数据值最大为5,但是柱状图的最高值为10,这就是问题所在

如果想要解决以上问题,需要将chart对象绑定数据序列放在创建坐标轴之前,修改后程序运行效果如下:

问题解决

QCharts绘制柱状图,柱高和y轴数据刻度不匹配相关推荐

  1. Echarts 问题解决 —— 图表数据过多导致浏览器卡顿、y轴数据添加单位、带圆角及柱状背景的柱状图、legned 图例超出部分显示省略号、柱状图 / 拓扑图(气泡图)渐变色效果

    目录 1.图表数据过多导致浏览器卡顿 2.Y轴数据添加单位 3.带圆角及柱状背景的柱状图 4.legned 图例超出部分显示省略号 5.柱状图 / 拓扑图(气泡图)渐变色效果 1.图表数据过多导致浏览 ...

  2. R语言ggplot2可视化创建堆叠的柱状图(stacked barplot)并且每个堆叠的柱状图都缩放到总和为100%实战:最后所有的堆叠的柱子都一样高、Y轴以百分比的形式来显示

    R语言ggplot2可视化创建堆叠的柱状图(stacked barplot)并且每个堆叠的柱状图都缩放到总和为100%实战:最后所有的堆叠的柱子都一样高.Y轴以百分比的形式来显示 目录

  3. echarts 柱状图隐藏x、y轴坐标轴、刻度线、隐藏x、y轴坐标轴的数值

    echarts 柱状图隐藏x.y轴的内容,隐藏x,y轴坐标轴.刻度线.隐藏x.y轴坐标轴的数值 1.隐藏x轴坐标轴,在xAxis下使用axisLine属性为false,相反显示则是true axisL ...

  4. 如何使用MatPlotLib绘制出具有两个 Y 轴的曲线图?

    简 介: 本文给出了利用Matplotlib中的 twinx() 完成同一个图表中绘制具有两个 Y-轴的曲线.绘制每一个曲线的方法与普通的Plot没有什么两样. 关键词: matplotlib,双Y轴 ...

  5. 使用hellocharts绘制折线图 并自定义Y轴

    效果图 1.hellocharts 的引用 在app的   build.gradle 中添加   compile 'com.github.lecho:hellocharts-library:1.5.8 ...

  6. excel柱状图自定x轴y轴_Excel表格,如何自定义图表中的Y轴数据?,值得收藏

    Excel表格,如何自定义图表中的Y轴数据?根据实际工作需要,图表中Y轴和X轴的数据有的时候需要自定义,今天教大家如何更改Y轴的数据~ 工具/材料 电脑 Excel表格 操作方法 01 选中表格中Y轴 ...

  7. Echarts 设置柱状图 y 轴最小刻度为1

    Echarts x轴文字显示不全.间隔显示问题 Echarts 饼图不显示 / 隐藏数据为 0 的展示项 在 Vue 中使用 Echarts 很常见,但实现起来有很多可以优化的小细节,这篇博客主要介绍 ...

  8. origin双y轴数据散点图显示

    一.首先分别处理好两个组需要放在一个坐标轴上的数据 二.在其中一组数组绘制好散点图,然后在此散点图上导入第二组数据: 1.如下所示: 2.点击散点图右边工具栏添加右边的y轴,如箭头所示: 3.因为上面 ...

  9. echarts 折线图 设置y轴最小刻度_用plotly和plt画图的基本设置(标题、坐标轴、图例、注释、图像)...

    参考链接:用plotly和plt画图的基本设置(标题.坐标轴.图例.注释.图像) - weixin_41670527的博客 - CSDN博客 非常好的文章,值得推荐. 一 用matplotlib.py ...

最新文章

  1. AngularJS第二课(指令,作用域,控制器)
  2. 城市WiFi好看还应该好用
  3. QTP整合QC自动化测试--目录结构搭建
  4. 用c语言链表编写便利店零售系统,链表实现多项式求和(C语言)
  5. reactjs Context的使用:一种组件间的通信方式
  6. Javascript权威指南学习笔记一:数据类型
  7. linux下部署tomcat服务器之安装jdk
  8. 结构化数据建模——titanic数据集的模型建立和训练(Pytorch版)
  9. pdnovel.php_Pdnovel 在線閱讀體驗
  10. 几个学习git的地方
  11. 计算机丢失w95scm.dll,修复w95scm.dll
  12. Vivado2018使用教程
  13. 宇视wifi摄像机网络配置功能解读
  14. 文档类型字符集即HTML标签的语义化
  15. 童年辣条神话卫龙,首日破发“辣条第一股”,跌超10亿
  16. SEO文章配图自动生成工具软件
  17. 基于Java毕业设计大学生兼职网站源码+系统+mysql+lw文档+部署软件
  18. 【CAD.Net】第四课:添加实体类和符号表到图纸
  19. CISSP-AIO-快速提示内容梳理
  20. DP的一些杂题(思维型)

热门文章

  1. Shell中使用sed解析cfg文件
  2. 使用WebUploader解决安卓微信浏览器上传图片中遇到的bug
  3. 小学生四则运算练习的编程 软件工程
  4. 许战海矩阵:一个史诗级竞争战略工具
  5. autoHotkey进阶 --- 用于访问窗口对象-acc库的简单配置
  6. kindle资源Get去处
  7. Confluence 6 服务器硬件要求指南 1
  8. SDN实验---RYU介绍
  9. 西安交通大学计算机图形学,西安交大计算机图形学实验报告材料.doc
  10. mSata SSD硬盘高温降速问题