#include "dialog.h"
#include "ui_dialog.h"
#include <QString>
const quint32 c_MaxSize=1000;//数据个数
Dialog::Dialog(QWidget *parent)
: QDialog(parent)
, ui(new Ui::Dialog)
,m_splineSerise1(NULL)
,m_splineSerise2(NULL)
{
ui->setupUi(this);
//构建图标对象
m_chart=new QChart();
m_pChartView=new CChartView(ui->widget);
QGridLayout* gridLayout=new QGridLayout(ui->widget);
gridLayout->addWidget(m_pChartView,0,0);
ui->widget->setLayout(gridLayout);
//设置rubberband
//m_pChartView->setRubberBand(QChartView::HorizontalRubberBand);//对图表进行横向放大
//m_pChartView->setRubberBand(QChartView::VerticalRubberBand);//对图标进行纵向放大
//m_pChartView->setRubberBand(QChartView::RubberBands(QChartView::HorizontalRubberBand|QChartView::VerticalRubberBand));
m_pChartView->setRubberBand(QChartView::RectangleRubberBand);
//完成数据的大量刷新
m_splineSerise1->setUseOpenGL(true);
m_splineSerise2->setUseOpenGL(true);
//setWindowFlags(Qt::FramelessWindowHint);
//构建各个系列的画笔
m_penSeries1 =QPen(Qt::green,2.f);
m_penSeries2 =QPen(Qt::cyan,2.f);
//构建曲线系列
m_splineSerise1=new QSplineSeries(this);
m_splineSerise1->setName("Serise1");
m_splineSerise2=new QSplineSeries(this);
m_splineSerise2->setName("Serise2");
//为折线添加数据,曲线一
qint32 i=0;
qreal x=0.f;
for (i=0;i<c_MaxSize;i++)
{
x=i*1.f/c_MaxSize;
m_splineSerise1->append(i,getData_1(x));
}
//为折线添加数据,曲线二
for ( i=0;i<c_MaxSize;i++)
{
x=i*1.f/c_MaxSize;
m_splineSerise2->append(i,getData_2(x));
}
//注意:先添加到图表再创建坐标轴,否则无效
//1.将折线系列添加到图表
m_chart->addSeries(m_splineSerise1);
m_chart->addSeries(m_splineSerise2);
//构建坐标轴
m_axisX = new QValueAxis();
m_axisX->setRange(0,c_MaxSize);
m_axisX->setTitleText(QString::fromLocal8Bit("Time"));//设置标题
m_axisX->setLabelFormat("%g");//设置格式
m_axisX->setTickCount(5);//设置刻度数
m_axisY= new QValueAxis();
m_axisY->setRange(-10,10);
m_axisY->setTitleText(QString::fromLocal8Bit("T"));
//将坐标轴绑定,确保系列已经添加到图表,否则滚动时,刻度无法正常滚动
m_chart->setAxisX(m_axisX,m_splineSerise1);
m_chart->setAxisY(m_axisY,m_splineSerise1);
m_chart->setAxisX(m_axisX,m_splineSerise2);
m_chart->setAxisY(m_axisY,m_splineSerise2);
// 隐藏图例
//m_chart->legend()->hide();
// 设置图表的主题
m_chart->setTheme(QtCharts::QChart::ChartThemeBlueIcy);
// 为图表添加标题
m_chart->setTitle(QString::fromLocal8Bit("Polyline Chart"));
// 将图表绑定到视图
m_pChartView->setChart(m_chart);
/* 感兴趣的读者,可以封掉下面3行代码进行对比 */
m_chart->layout()->setContentsMargins(0, 0, 0, 0);//设置外边界全部为0
m_chart->setMargins(QMargins(0, 0, 0, 0));//设置内边界全部为0
m_chart->setBackgroundRoundness(0);//设置背景区域无圆角
// 设置反走样
m_pChartView->setRenderHint(QPainter::Antialiasing, true);
m_pChartView->setBackgroundBrush(Qt::yellow);
// 设置样式
changeStyle();
// 绑定鼠标悬浮信号
connect(m_splineSerise1, &QSplineSeries::hovered, this, &Dialog::slot_serieshovered1);
connect(m_splineSerise2, &QSplineSeries::hovered, this, &Dialog::slot_serieshovered2);
connect(m_splineSerise1, &QSplineSeries::hovered, m_pChartView, &CChartView::slot_showTip);
connect(m_splineSerise2, &QSplineSeries::hovered, m_pChartView, &CChartView::slot_showTip);
connect(m_splineSerise1, &QSplineSeries::clicked, m_pChartView, &CChartView::slot_keepTip);
connect(m_splineSerise2, &QSplineSeries::clicked, m_pChartView, &CChartView::slot_keepTip);
//该对象需要在图表对象添加完系列之后调用,
//否则无法正确获取图例,因为序列尚未被添加到图表,自然没有对应的图例
m_pChartView->connectMarkers();
}
Dialog::~Dialog()
{
delete ui;
}
void Dialog::slot_serieshovered1(const QPointF &point, bool state)
{
QPen penHighlight(Qt::white,5.f);
if(state)//悬浮进入
{
m_splineSerise1->setPen(penHighlight);
}
else
{
m_splineSerise1->setPen(m_penSeries1);
}
}
void Dialog::slot_serieshovered2(const QPointF &point, bool state)
{
QPen penHighlight(Qt::white,5.f);
if(state)//悬浮进入
{
m_splineSerise2->setPen(penHighlight);
}
else
{
m_splineSerise2->setPen(m_penSeries2);
}
}
qreal Dialog::getData_1(qreal x)
{
return qSin(x*2*M_PI)*7;//正弦
}
qreal Dialog::getData_2(qreal x)
{
return qCos(x*2*M_PI)*7;//余弦
}
void Dialog::changeStyle()
{
/**
* 修改窗体
*
*/
//根据图表的主题设置调色板
setDialogPalette();
/**
* 修改图表
*
*/
m_chart->setBackgroundVisible(true);
//m_chart->setBackgroundBrush(Qt::transparent);//设置为透明
m_chart->setBackgroundBrush(Qt::lightGray);
QPen penBackground;
penBackground.setStyle(Qt::DotLine);
penBackground.setColor(Qt::green);
m_chart->setBackgroundPen(penBackground);
/**
* 修改绘图区
*
*/
m_chart->setPlotAreaBackgroundVisible(true);
m_chart->setPlotAreaBackgroundBrush(Qt::gray);
/**
* 修改标题
*
*/
QFont fontTitle;
fontTitle.setFamily(QString::fromLocal8Bit("华文琥珀"));
fontTitle.setPointSizeF(20.f);
m_chart->setTitleFont(fontTitle);
//设置字色
m_chart->setTitleBrush(Qt::black);
/**
* 修改刻度
*
*/
//设置刻度
QFont fontAxis;
fontAxis.setFamily(QString::fromLocal8Bit("微软雅黑"));
fontAxis.setPointSizeF(12.f);
m_axisX->setTitleFont(fontAxis);
m_axisY->setTitleFont(fontAxis);
//设置字色
m_axisX->setTitleBrush(Qt::darkMagenta);
m_axisY->setTitleBrush(Qt::darkMagenta);
//设否显示刻度线
m_axisX->setGridLineVisible(true);
m_axisY->setGridLineVisible(true);
//设置字体坐标轴
QFont fontLabel;
fontLabel.setFamily(QStringLiteral("微软雅黑"));
fontLabel.setPixelSize(12);
m_axisX->setLabelsFont(fontLabel);
m_axisY->setLabelsFont(fontLabel);
/**
* 修改图例
*
*/
//对齐方式
m_chart->legend()->setAlignment(Qt::AlignLeft);
/**
* 系列
*
*/
m_splineSerise1->setPen(m_penSeries1);
QPen pn2(Qt::cyan,2.f);
m_splineSerise2->setPen(m_penSeries2);
/**
* 开启动画
*
*/
QChart::AnimationOptions aniOptions=QChart::AllAnimations;
//m_chart->setAnimationOptions(aniOptions);
}
void Dialog::setDialogPalette()
{
QChart::ChartTheme theme=QChart::ChartThemeBlueIcy;
m_chart->setTheme(theme);
//根据选定的主题确定Dialog的调色板
QPalette pal=window()->palette();
switch (theme)
{
case QtCharts::QChart::ChartThemeLight:
pal.setColor(QPalette::Window, QRgb(0xf0f0f0));
pal.setColor(QPalette::WindowText, QRgb(0x404040));
break;
case QtCharts::QChart::ChartThemeBlueCerulean:
pal.setColor(QPalette::Window, QRgb(0xf0f0f0));
pal.setColor(QPalette::WindowText, QRgb(0x404040));
break;
case QtCharts::QChart::ChartThemeDark:
pal.setColor(QPalette::Window, QRgb(0x121218));
pal.setColor(QPalette::WindowText, QRgb(0xd6d6d6