《SoloBug - bug管理系统》-Echarts+Ajax实现图表数据异步加载

2017年中国大学生计算机设计大赛参赛作品《SoloBug - bug管理系统》 【redis-demo】使用Jedis api 实现后端缓存优化 项目组内各模块BUG类型占比(饼状图): 项目组内各模块BUG处理状态(柱状图/折线图): 项目组各成员处理BUG情况(柱状图/折线图): 柱状图/折线图 前端JS代码: script type="text/ja
摘要由CSDN通过智能技术生成

2017年中国大学生计算机设计大赛参赛作品《SoloBug - bug管理系统》
【redis-demo】使用Jedis api 实现后端缓存优化
项目组内各模块BUG类型占比(饼状图):
这里写图片描述

项目组内各模块BUG处理状态(柱状图/折线图):
这里写图片描述

项目组各成员处理BUG情况(柱状图/折线图):
这里写图片描述

柱状图/折线图 前端JS代码:

        <script type="text/javascript">
            // 基于准备好的dom,初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'), 'dark');
            // 指定图表的配置项和数据
            function toShow() {

                $.ajax({
                    type: 'POST',
                    data: {
                        fromDate: $("#plan").val(), //获取条件搜索处-起始日期值
                        toDate: $("#last").val() //获取条件搜索处-截止日期值
                    },
                    url: "<%=path%>/statisticsCtrl/showStatisticsProduceLine",
                    async: false,
                    success: function(data) {
                        JSON.stringify(data);

                        myChart.setOption({

                            tooltip: {
                                trigger: 'axis'
                            },
                            legend: {
                                data: ['未解决', '已拒绝', '待审核', '已解决', '已延期', '已关闭']
                            },
                            toolbox: {
                                show: true,
                                feature: {
                                    mark: {
                                        show: true
                                    },
                                    dataView: {
                                        show: true,
                                        readOnly: false
                                    },
                                    magicType: {
                                        show: true,
                                        type: ['line', 'bar', 'stack', 'tiled']
                                    },
                                    restore: {
                                        show: true
                                    },
                                    saveAsImage: {
                                        show: true
                                    }
                                }
                            },
                            calculable: true,
                            xAxis: [{
                                type: 'category',
                                boundaryGap: false,
                                data: data.name
                            }],
                            yAxis: [{
                                type: 'value'
                            }
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值