五 Qt+ECharts开发笔记：ECharts的动态排序柱状图介绍、基础使用和Qt封装Demo( 二 ) _生活百科

清除数据void BarAutoSortEChartWidget::on_pushButton_clear_clicked(){_dateTime.setSecsSinceEpoch(0);QString jsStr = QString("option.series[0].data[0] = 0;""option.series[0].data[1] = 0;""option.series[0].data[2] = 0;""option.series[0].data[3] = 0;""option.series[0].data[4] = 0;""option.graphic.elements[0].style.text= '%1';""myChart.setOption(option, true);").arg(_dateTime.toString("yyyy-MM"));runJsScript(jsStr);} Demo源码BarAutoSortEChartWidget.h#ifndef BARAUTOSORTECHARTWIDGET_H#define BARAUTOSORTECHARTWIDGET_H#include <QWidget>#include <QWebEngineView>#include <QWebEnginePage>#include <QWebChannel>namespace Ui {class BarAutoSortEChartWidget;}class BarAutoSortEChartWidget : public QWidget{Q_OBJECTpublic:explicit BarAutoSortEChartWidget(QWidget *parent = 0);~BarAutoSortEChartWidget();protected:void initControl();protected slots:void slot_loadFinished(bool result);protected:void initJs();protected:void runJsScript(QString str);protected:void resizeEvent(QResizeEvent *event);void timerEvent(QTimerEvent *event);private slots:void on_pushButton_clear_clicked();void on_pushButton_flush_clicked();void on_pushButton_start_clicked();void on_pushButton_reset_clicked();private:Ui::BarAutoSortEChartWidget *ui;private:QWebEngineView *_pWebEngineView;// 浏览器窗口QWebEnginePage *_pWebEnginePage;// 浏览器页面QWebChannel *_pWebChannel;// 浏览器js交互QString _htmlDir;// html文件夹路径QString _indexFileName;// html文件QString _initJsStr;// 第一次初始化的表格private:int _timerId;QDateTime _dateTime;};#endif // BARAUTOSORTECHARTWIDGET_HBarAutoSortEChartWidget.cpp#include "BarAutoSortEChartWidget.h"#include "ui_BarAutoSortEChartWidget.h"#include <QFile>#include <QMessageBox>#include <QTimer>// QtCreator在msvc下设置编码也或有一些乱码，直接一刀切,避免繁琐的设置//#define MSVC#ifdef MSVC#define QSTRING(s)QString::fromLocal8Bit(s)#else#define QSTRING(s)QString(s)#endif#include <QDebug>#include <QDateTime>//#define LOG qDebug()<<__FILE__<<__LINE__//#define LOG qDebug()<<__FILE__<<__LINE__<<__FUNCTION__//#define LOG qDebug()<<__FILE__<<__LINE__<<QThread()::currentThread()//#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd")#define LOG qDebug()<<__FILE__<<__LINE__<<QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss:zzz")BarAutoSortEChartWidget::BarAutoSortEChartWidget(QWidget *parent) :QWidget(parent),ui(new Ui::BarAutoSortEChartWidget),_pWebEngineView(0),_pWebEnginePage(0),_pWebChannel(0),_htmlDir("D:/qtProject/echartsDemo/echartsDemo/modules/barAutoSortEChartWidget/html"),// 使用了绝对路径,引到html文件夹_indexFileName("eChartWidget.html"),_timerId(-1){ui->setupUi(this);QString version = "v1.0.0";setWindowTitle(QString("基于Qt的ECharts条状图(自动排序)Demo %1(长沙红胖子).arg(version));// 设置无边框，以及背景透明// 背景透明，在界面构架时，若为本窗口为其他窗口提升为本窗口时， // 则再qss会在主窗口第一级添加frame_all，防止其他窗口提升本窗口而冲掉qss设置//setWindowFlag(Qt::FramelessWindowHint);//setAttribute(Qt::WA_TranslucentBackground, true);#if 0// 这是方法一：让滚动条不出来(通过大小)，还有一个方法是在html设置body的overflow: hidden//resize(600 + 20, 400 + 20);#endifinitControl();}BarAutoSortEChartWidget::~BarAutoSortEChartWidget(){delete ui;}void BarAutoSortEChartWidget::initControl(){_pWebEngineView = new QWebEngineView(this);_pWebEnginePage = new QWebEnginePage(this);_pWebChannel = new QWebChannel(this);QString filePath;#if 1filePath = QString("%1/%2").arg(_htmlDir).arg(_indexFileName);#elsefilePath = "qrc:/barAutoSortEChartWidget/html/eChartWidget.html";#endifLOG << "file exist:" << QFile::exists(filePath) << filePath;#if 0// 打印html文件内容QFile file(_indexFilePath);file.open(QIODevice::ReadOnly);LOG << QString(file.readAll());file.close();#endifconnect(_pWebEnginePage, SIGNAL(loadFinished(bool)), this, SLOT(slot_loadFinished(bool)));_pWebEnginePage->load(QUrl(filePath));_pWebEnginePage->setWebChannel(_pWebChannel);_pWebEngineView->setPage(_pWebEnginePage);// 背景透明//_pWebEngineView->setStyleSheet("background-color: transparent");_pWebEnginePage->setBackgroundColor(Qt::transparent);}void BarAutoSortEChartWidget::slot_loadFinished(bool result){if(result){initJs();// 因为使用布局，在没有完全构造之前，其大小是不可预期的，等构造完成后，布局的大小才会形成，此时再初始化一次resizeEvent(0);}}void BarAutoSortEChartWidget::initJs(){_initJsStr = QSTRING("option = {""xAxis: {""max: 'dataMax'""},""yAxis: {""type: 'category',""data: ['特斯拉', '奔驰', '宝马', '理想', '蔚来'],""inverse: true,""animationDuration: 300,""animationDurationUpdate: 300,""max: 4""},""series: [""{""realtimeSort: true,""name: 'X',""type: 'bar',""data: [10,20,50,10,30],""label: {""show: true,""position: 'right',""valueAnimation: true""},""itemStyle: {""color: function(params) {""var colorList = ['#EE14FF', '#F092FF', '#FF61FE', '#A02F99', '#F00682'];/* 注意1：需要分号 */""return colorList[params.dataIndex];/* 注意2：需要dataIndex，获取序号 */""}""}""},""],""graphic: {""elements: [/* 时间标志 */""{""type: 'text', ""right: 160,""bottom: 100,""style: {""text: '1970-01',""font: 'bolder 100px monospace',""fill: 'rgba(100, 100, 100, 0.25)'""},""z: 100""}""]""},""legend: {""show: false,""},""animationDuration: 0,""animationDurationUpdate: 1000,""animationEasing: 'linear',""animationEasingUpdate: 'linear'""};""myChart.setOption(option);");runJsScript(_initJsStr);}void BarAutoSortEChartWidget::runJsScript(QString str){if(_pWebEnginePage){_pWebEnginePage->runJavaScript(str);}}void BarAutoSortEChartWidget::resizeEvent(QResizeEvent *event){if(_pWebEngineView){_pWebEngineView->setGeometry(ui->label_echarts->geometry());LOG << ui->label_echarts->geometry();}}void BarAutoSortEChartWidget::timerEvent(QTimerEvent *event){_dateTime = _dateTime.addMonths(1);if(_dateTime >= QDateTime::currentDateTime()){if(_timerId != -1){killTimer(_timerId);_timerId = -1;}}QString jsStr = QString("option.series[0].data[0] = option.series[0].data[0] + %1;""option.series[0].data[1] = option.series[0].data[1] + %2;""option.series[0].data[2] = option.series[0].data[2] + %3;""option.series[0].data[3] = option.series[0].data[3] + %4;""option.series[0].data[4] = option.series[0].data[4] + %5;""option.graphic.elements[0].style.text= '%6';""myChart.setOption(option, true);").arg(qrand()%100).arg(qrand()%100).arg(qrand()%100).arg(qrand()%100).arg(qrand()%100).arg(_dateTime.toString("yyyy-MM"));runJsScript(jsStr);}void BarAutoSortEChartWidget::on_pushButton_clear_clicked(){_dateTime.setSecsSinceEpoch(0);QString jsStr = QString("option.series[0].data[0] = 0;""option.series[0].data[1] = 0;""option.series[0].data[2] = 0;""option.series[0].data[3] = 0;""option.series[0].data[4] = 0;""option.graphic.elements[0].style.text= '%1';""myChart.setOption(option, true);").arg(_dateTime.toString("yyyy-MM"));runJsScript(jsStr);}void BarAutoSortEChartWidget::on_pushButton_flush_clicked(){QString jsStr ="var empty = {};""myChart.setOption(empty, true);""myChart.setOption(option, true);";runJsScript(jsStr);}void BarAutoSortEChartWidget::on_pushButton_start_clicked(){if(_timerId == -1){LOG << ui->lineEdit_interval->text().toInt();_timerId = startTimer(ui->lineEdit_interval->text().toInt());_dateTime.setSecsSinceEpoch(0);QString jsStr = QString("option.series[0].data[0] = 0;""option.series[0].data[1] = 0;""option.series[0].data[2] = 0;""option.series[0].data[3] = 0;""option.series[0].data[4] = 0;""option.graphic.elements[0].style.text= '%1';""myChart.setOption(option, true);").arg(_dateTime.toString("yyyy-MM"));runJsScript(jsStr);ui->pushButton_start->setText("停止统计");}else{if(_timerId != -1){killTimer(_timerId);_timerId = -1;}ui->pushButton_start->setText("开始统计");}}void BarAutoSortEChartWidget::on_pushButton_reset_clicked(){initJs();}


上一页
1
2
3
下一页
		  	

    
    




    
    
    


推荐阅读

           
                  
              
                  安阳哪吃三不沾 
                
                   
                
              
            

                  
              
                  Facebook明文密码-租号玩明文密码怎么上- 
                
                   
                
              
            

                  
              
                  不管遇到什么困难，都会默默的藏在心里，懂得隐忍的星座有哪些呢？ 
                
                   
                
              
            

                  
              
                  厦门软件园二期在哪里 厦门软件园二期属于什么区 
                
                   
                
              
            

                  
              
                  茶油价格在多少钱一斤 现在的茶油多少钱一斤？ 
                
                   
                
              
            

                  
              
                  怎么将电影下载到电脑 如何下载电影到电脑 
                
                   
                
              
            

                  
              
                  周末睡懒觉小心不规律的睡眠时间不利健康 
                
                   
                
              
            

                  
              
                  罗汉果怎么泡水喝 罗汉果壳能一起泡水吗 
                
                   
                
              
            

                  
              
                  牛肩肉适合炒还是炖 
                
                   
                
              
            

                  
              
                  宝鸡购买单位房改房提取公积金指南 
                
                   
                
              
            

                  
              
                  原神迪奥娜有什么技能-原神迪奥娜技能解析新 
                
                   
                
              
            

                  
              
                  2020呼和浩特市地生会考成绩，2020年呼和浩特市地生会考？ 
                
                   
                
              
            

                  
              
                  栀子花枯萎了怎么挽救 室内栀子花叶子发黄怎么办 
                
                   
                
              
            

                  
              
                  沃尔沃s90机油加几升 沃尔沃s90l机油加多少 
                
                   
                
              
            

                  
              
                  王昌龄简介50字 王昌龄介绍 
                
                   
                
              
            

                  
              
                  云端祭扫是什么意思 
                
                   
                
              
            

                  
              
                  这是什么花，怎么养，浇了水放在太阳下面晒了晒怎么感觉叶子就焉了… 
                
                   
                
              
            

                  
              
                  飞盘为什么突然火了 飞盘运动为什么火了 
                
                   
                
              
            

                  
              
                  干了的牛肉怎么吃 干了的牛肉怎么吃才好吃 
                
                   
                
              
            

                  
              
                  龙虾粥怎么做好吃,广东虾粥怎么做好吃 龙虾粥怎么做好吃 
                
                   
                
              
            

          

Asp-Net-Core开发笔记：集成Hangfire实现异步任务队列和定时任务 

【疫情动态条形图】用Python开发全球疫情排名动态条形图bar_chart_race 

龙王五子饕餮怎么念（龙王第五个儿子饕餮之死) 

驱动开发：通过Async反向与内核通信 

学习ASP.NET Core Blazor编程系列五——列表页面 

ipad如何左右分屏（ipad第五代可以分屏吗) 

gRPC+Protocol Buffer Go微服务实战 - 用户服务开发 

五年级必读书目 五年级必看5本课外书 

五角星跳棋怎么玩（跳棋珠子怎么玩) 

WPF开发经验-实现自带触控键盘的TextBox

五 Qt+ECharts开发笔记：ECharts的动态排序柱状图介绍、基础使用和Qt封装Demo( 二 )

推荐阅读

安阳哪吃三不沾

Facebook明文密码-租号玩明文密码怎么上-

不管遇到什么困难，都会默默的藏在心里，懂得隐忍的星座有哪些呢？

厦门软件园二期在哪里厦门软件园二期属于什么区

茶油价格在多少钱一斤现在的茶油多少钱一斤？

怎么将电影下载到电脑如何下载电影到电脑

周末睡懒觉小心不规律的睡眠时间不利健康

罗汉果怎么泡水喝罗汉果壳能一起泡水吗

牛肩肉适合炒还是炖

宝鸡购买单位房改房提取公积金指南

原神迪奥娜有什么技能-原神迪奥娜技能解析新

2020呼和浩特市地生会考成绩，2020年呼和浩特市地生会考？

栀子花枯萎了怎么挽救室内栀子花叶子发黄怎么办

沃尔沃s90机油加几升沃尔沃s90l机油加多少

王昌龄简介50字王昌龄介绍

云端祭扫是什么意思

这是什么花，怎么养，浇了水放在太阳下面晒了晒怎么感觉叶子就焉了…

飞盘为什么突然火了飞盘运动为什么火了

干了的牛肉怎么吃干了的牛肉怎么吃才好吃

龙虾粥怎么做好吃,广东虾粥怎么做好吃龙虾粥怎么做好吃