Qt+JS 饼，柱等图形展示

看到一些帖子上提到了ECharts，官网看了下很不错。
经过一些摸索结合QT完成了以下一些例子，主要是饼，柱，线图，基本可以满足一般的编程需求，图片在下面。
程序在这里：http://download.csdn.net/detail/u013576331/9566802

[attachment=15425]
[attachment=15427]

[attachment=15430]

[attachment=15428]

[attachment=15429]

uidab	2016-07-05 13:15

kimtaikee	2016-07-05 13:43
Qt 5.7.0都自带QtCharts了，你就用这个吧。

liudianwu

2016-07-05 15:09

做的相当不错，尽管qt5.7有了QChart模块，但是为了兼容以前QT4的程序，还是必须用楼主的方法！
有个小缺点就是单击完打开定时器按钮后，变成乱码了。
[attachment=15432]
建议楼主在main函数中加入代码：
#if (QT_VERSION <= QT_VERSION_CHECK(5,0,0))
    QTextCodec *codec = QTextCodec::codecForName("UTF-8");
    QTextCodec::setCodecForLocale(codec);
    QTextCodec::setCodecForCStrings(codec);
    QTextCodec::setCodecForTr(codec);
#endif

stlcours	2016-07-05 15:10
但是感觉QtCharts互动性很弱。这一点EChart仍然是有优势的～

kimtaikee	2016-07-05 16:37
启动不起来。

z278930050	2016-07-05 21:30
求楼主源码 278930050@qq.com

hy113770408	2016-07-15 10:28
楼主太棒了，求源码 113770408@qq.com

1165846311	2016-07-15 11:06
楼主，能分享下动态曲线图的思路吗？

wfz0704112	2016-07-17 11:07
效果很是不错，求源码学习一下 wfz0704112@126.com

george1978

2016-07-18 08:36

1165846311:楼主，能分享下动态曲线图的思路吗？ (2016-07-15 11:06)

很简单，调用相关的动态线即可

option = {
                title: {
                    text: '网分动态数据'
                },
                legend: {
                    x: 'right',
                    data: ['MMS流量', 'TCP流量', 'GOOSE流量', 'SMV流量', 'UDP流量']
                },
                tooltip: {
                    trigger: 'axis',
                    formatter: function (params) {
                        params = params[0];
                        var date = new Date(params.name);
                        return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate() + ' ' +
                        date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds() + ' - ' + params.value[2] + 'MB/S';
                    },
                    axisPointer: {
                        animation: true
                    }
                },
                xAxis: {
                    type: 'time',
                    splitLine: {
                        show: false
                    }
                },
                yAxis: {
                    type: 'value',
                    name: '单位：MB/S',
                    boundaryGap: [0, '10%'],
                    splitLine: {
                        show: true
                    }
                },
                series: [{
                    name: 'MMS流量',
                    type: 'line',
                    showSymbol: false,
                    hoverAnimation: false,
                    data: data1
                },
                {
                    name: 'TCP流量',
                    type: 'line',
                    showSymbol: false,
                    hoverAnimation: false,
                    data: data2
                },
                {
                    name: 'GOOSE流量',
                    type: 'line',
                    showSymbol: false,
                    hoverAnimation: false,
                    data: data3
                },
                {
                    name: 'SMV流量',
                    type: 'line',
                    showSymbol: false,
                    hoverAnimation: false,
                    data: data4
                },
                {
                    name: 'UDP流量',
                    type: 'line',
                    showSymbol: false,
                    hoverAnimation: false,
                    data: data5
                }]
            };

toby520	2016-07-18 08:59
要说交互 echarts的绝对的给力，各种效果，但是如果硬是要支持qt4.x的话其他webkit支持的还是不是很全面，比如h5的一些特性基本是弱弱的，可能导致功能不全

huangyuancao	2017-01-05 15:34
大神，求源码学习一下 285711055@qq.com

查看完整版本: [-- Qt+JS 饼，柱等图形展示 --] [-- top --]

Powered by phpwind v8.7 Code ©2003-2011 phpwind
Gzip disabled