标题:QT编写Echart动态交互示例（仪表盘）
作者:liudianwu
日期:2016-05-05 23:18
内容:
之前发过一个帖子：qt与echarts配合打造最强图表库 http://www.qtcn.org/bbs/read-htm-tid-59111.html 有很多人如何实现与图表的交互，如果用重复生成html的形式重新加载网页，很费CPU的，极不可取。
这次重新研究了下webkit与JS交互的方法，特意写了下Echart动态交互示例（仪表盘），分享下。
PS：亲测Qt4.7.0 Qt4.8.7 Qt5.4.1 Qt5.7.0。
代码极为简洁：
#include "widget.h"
#include "ui_widget.h"
#include
#if (QT_VERSION > QT_VERSION_CHECK(5,0,0))
#include
#endif
Widget::Widget(QWidget *parent) :
QWidget(parent),
ui(new Ui::Widget)
{
ui->setupUi(this);
ui->webView->load(QUrl(qApp->applicationDirPath() + "/gauge.html"));
}
Widget::~Widget()
{
delete ui;
}
void Widget::on_horizontalSlider_valueChanged(int value)
{
QString js = QString("init(%1)").arg(value);
ui->webView->page()->mainFrame()->evaluateJavaScript(js);
}
html,body{height:100%;width:100%;margin:0px;padding:0px;}
#main{height:100%;width:100%;}
var myChart = echarts.init(document.getElementById('main'));
function init(currentVal ..
#1 [nigoole 05-06 08:26]
#2 [spygg 05-06 08:31]
支持，造福大众啊，刘工威武
#3 [weinkym 05-06 11:09]
5.7 还有webkit？
#4 回 weinkym 的帖子 [liudianwu 05-06 12:50]
weinkym:5.7 还有webkit？ (2016-05-06 11:09)
需要自己编译webkit模块
#5 [辉煌淘淘 05-07 18:23]
很漂亮，