zoukankan      html  css  js  c++  java
  • 月度统计

    function handleSuccess(data) {
                var paperNumber = [];
                var totalNumber = [];
                var month = ['一月','二月','三月','四月','五月','六月','七月', '八月','九月','十月','十一月','十二月'];
                //k  数组下标  i 月份
                layui.each(month,function (k,i) {
                    var contain = false;
                    layui.each(data.totalCount,function (key,item) {
                        if(k+1 == parseInt(item.createTime.substr(-2))){
                            paperNumber.push(item.count);
                            contain = true;
                        }
                    });
                    if (!contain) paperNumber.push(0);
                    var contain = false;
                    layui.each(data.map,function (key,item) {
                        if(k+1 == parseInt(item.createTime.substr(-2))){
                            totalNumber.push(item.count);
                            contain = true;
                        }
                    });
                    if (!contain) totalNumber.push(0);
                });
                var options = {
                    title:{text:"月度统计"},
                    chart: {
                        type: 'bar'
                    },
                    //纵轴
                    yaxis:{
                        show:true,
                        labels:{show:true},
                        title: {
                            text: '数量/篇',
                            rotate: -90,
                            offsetX: 0,
                            offsetY: 0,
                            style: {
                                color: undefined,
                                fontSize: '12px',
                                fontFamily: 'Helvetica, Arial, sans-serif',
                                fontWeight: 600,
                                cssClass: 'apexcharts-yaxis-title',
                            },
                        },
                        axisBorder: {
                            show: true,
                            color: '#78909C',
                            offsetX: 0,
                            offsetY: 0
                        }
                    },
                    series: [{
                        name: '您',
                        data: paperNumber
                    },{
                        name: '总数',
                        data: totalNumber
                    }],
                    //横轴
                    xaxis: {
                        categories: month
                    },
                    tooltip: {
                        y: {
                            formatter: function (val) {
                                return "提交 " + val + " 篇"
                            }
                        }
                    }
                };
                new ApexCharts(
                    document.querySelector("#barChart"),
                    options
                ).render();
            }
  • 相关阅读:
    hive on tez自定义jobname
    hive血缘关系之输入表与目标表的解析
    spark ml中一个比较通用的transformer
    TF-IDF小记
    namenode服务迁移
    spark on yarn上的dynamic executor
    zookeeper集群线上机器置换
    namenode元数据容错
    Spark HistoryServer服务迁移
    Java中Webservice调用.NET天气接口生成客户端异常
  • 原文地址:https://www.cnblogs.com/0710whh/p/12499775.html
Copyright © 2011-2022 走看看