Qt+JS 饼，柱等图形展示 [复制链接]

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

图片:psb (1).png

图片:psb (3).png

图片:psb.png

图片:psb (4).png

图片:psb (5).png

Qt 5.7.0都自带QtCharts了，你就用这个吧。

做的相当不错，尽管qt5.7有了QChart模块，但是为了兼容以前QT4的程序，还是必须用楼主的方法！
有个小缺点就是单击完打开定时器按钮后，变成乱码了。

图片:QQ截图20160705151514.png

建议楼主在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

但是感觉QtCharts互动性很弱。这一点EChart仍然是有优势的～

启动不起来。

  求楼主源码 278930050@qq.com

楼主太棒了，求源码  113770408@qq.com

楼主，能分享下动态曲线图的思路吗？

效果很是不错，求源码学习一下   wfz0704112@126.com

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
                }]
            };

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

大神，求源码学习一下   285711055@qq.com