阿里双十一数据统计

<!DOCTYPE html>

<html>

　　<head>

　　<title>阿里历年双十一销售数据统计及预测</title>

　　

　　<meta http-equiv="pragma" content="no-cache">

　　<meta http-equiv="cache-control" content="no-cache">

　　<meta http-equiv="expires" content="0">　　

　　<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

　　<meta http-equiv="description" content="This is my page">

　　<link rel="stylesheet" href="css/bootstrap.min.css">

　　

　　

</head>

<body>

　　　　<section class="hj-second-page-section">

　　　　　　<div class="container-fluid">

　　　　　　　　<div class="rows">

　　　　　　　　　　<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

　　　　　　　　　　　　<div class="rows">

　　　　　　　　　　　　　　<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hj-jumbotron-div">

　　　　　　　　　　　　　　　　<div class="panel panel-primary ng-scope">

　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　 <!-- pannel start -->

　　　　　　　　　　　　　　　　 <div class="panel-body vc-pannel-body-toggle">

　　　　　　　　　　　　　　　　 　　　　<div class="rows ng-scope">

　　　　　　　　　　　　　　　　　　 　　　　<div class="panel-body vc-msg-panel-body">

　　　　　　　　　　　　　　　　　　　　　　 　　<div class="row">

　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

　　　　　　　　　　　　　　　　　　　　　　　　　　 　　<div id="rt_chart1" style=""></div>

　　　　　　　　　　　　　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　 </div>

　　　　　　　　　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　　　　　 　　　　</div>

　　　　　　　　　　　　　　　　 　　　　

　　　　　　　　　　　　　　　　 </div>

　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　 <!-- pannel end -->

　　　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　</div>

　　　　　　　　　　</div>

　　　　　　　　</div>

　　　　　　</div>

　　　　</section>

　　　　　　

　　　　

　　　　<script src="js/echarts2.js"></script>

　　　　<script src="js/jquery-2.2.3.min.js"></script>

　　　　

　　　　<script>

　　　　　　/**

　　　　　　 * @description 绘制折线图

　　　　　　 * @date 2019-11-13

　　　　　　 * @param

　　　　　　 */

　　　　　　function initChart1() {

　　　　　　　　$("#rt_chart1").height(460);

　　　　　　　　$("#rt_chart1").width(1005);

　　　　　　　　$("#rt_chart1").css("border","1px solid #ddd");

　　　　　　　　var myChart1 = echarts.init(document.getElementById("rt_chart1"));

　　　　　　　　var option1 = {

                title: {

                    text: '阿里历年双十一销售数据统计及预测',

                    //subtext: '数据来源于网络',

                    sublink: '',

                    left: 'center'

                },

                tooltip : {

　　　　　　　　　　　　trigger: 'axis'

　　　　　　　　　　},

                toolbox: {

                    show: true,

                    feature: {

                        saveAsImage: {}

                    }

                },

                legend: {

　　　　　　　　　　　　data:[2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020]

　　　　　　　　　　},

                xAxis: {

                    type: 'category',

                    data: [2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020]

                },

                yAxis: {

                    type: 'value'

                },

                series: [{

                    itemStyle: {

                             normal: {

                                 label: {

                                     show: true,

                                     position: 'top',

                                     textStyle: {

                                         color: '#0099ff'

                                     }

                                 }

                            }

                       },

                    data: [0.5,9.36,52.0,191.0,350.0,571.0,912.0,1207.0,1682.0,2135.0,2684.0,3036.0],

                    type: 'line'

                }]

            };

　　　　　　　　

　　　　　　　　// 为echarts对象加载数据

　　　　　　　　myChart1.setOption(option1);

　　　　　　}

　　　　　　initChart1();

　　　　</script>

</body>

</html>

<!DOCTYPE html>

<html>

　　<head>

　　<title>阿里历年双十一销售数据统计及预测</title>

　　

　　<meta http-equiv="pragma" content="no-cache">

　　<meta http-equiv="cache-control" content="no-cache">

　　<meta http-equiv="expires" content="0">　　

　　<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

　　<meta http-equiv="description" content="This is my page">

　　<link rel="stylesheet" href="css/bootstrap.min.css">

　　

　　

</head>

<body>

　　　　<section class="hj-second-page-section">

　　　　　　<div class="container-fluid">

　　　　　　　　<div class="rows">

　　　　　　　　　　<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

　　　　　　　　　　　　<div class="rows">

　　　　　　　　　　　　　　<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hj-jumbotron-div">

　　　　　　　　　　　　　　　　<div class="panel panel-primary ng-scope">

　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　 <!-- pannel start -->

　　　　　　　　　　　　　　　　 <div class="panel-body vc-pannel-body-toggle">

　　　　　　　　　　　　　　　　 　　　　<div class="rows ng-scope">

　　　　　　　　　　　　　　　　　　 　　　　<div class="panel-body vc-msg-panel-body">

　　　　　　　　　　　　　　　　　　　　　　 　　<div class="row">

　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

　　　　　　　　　　　　　　　　　　　　　　　　　　 　　<div id="rt_chart1" style=""></div>

　　　　　　　　　　　　　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　 </div>

　　　　　　　　　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　　　　　 　　　　</div>

　　　　　　　　　　　　　　　　 　　　　

　　　　　　　　　　　　　　　　 </div>

　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　 <!-- pannel end -->

　　　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　　　</div>

　　　　　　　　　　　　</div>

　　　　　　　　　　</div>

　　　　　　　　</div>

　　　　　　</div>

　　　　</section>

　　　　　　

　　　　

　　　　<script src="js/echarts2.js"></script>

　　　　<script src="js/jquery-2.2.3.min.js"></script>

　　　　

　　　　<script>

　　　　　　/**

　　　　　　 * @description 绘制柱状图

　　　　　　 * @date 2019-11-13

　　　　　　 * @param

　　　　　　 */

　　　　　　function initChart1() {

　　　　　　　　$("#rt_chart1").height(460);

　　　　　　　　$("#rt_chart1").width(1205);

　　　　　　　　$("#rt_chart1").css("border","1px solid #ddd");

　　　　　　　　var myChart1 = echarts.init(document.getElementById("rt_chart1"));

　　　　　　　　//var option1 = {

            var  option1 = {

                    title : {

                        text: '阿里历年双十一销售数据统计及预测',

                        //subtext: '数据来源于网络',

                        left: 'center'

                    },

                    color: ['#DB4B4B'],

                    tooltip : {

                        trigger: 'axis',

                        axisPointer : {            // 坐标轴指示器，坐标轴触发有效

                            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'

                        }

                    },

                    grid: {

                        left: '3%',

                        right: '4%',

                        bottom: '3%',

                        containLabel: true

                    },

                    xAxis : [

                        {

                            type : 'category',

                            data:[2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020],

                            axisTick: {

                                alignWithLabel: true

                            },

                            axisLabel: {

                                interval:0

                            }

                        }

                    ],

                    yAxis : [

                        {

                            type : 'value'

                        }

                    ],

                    series : [

                        {

                            itemStyle: {

                                     normal: {

                                         label: {

                                             show: true,

                                             position: 'top',

                                             textStyle: {

                                                 color: '#0099ff'

                                             }

                                         }

                                    }

                               },

                            name:'亿元',

                            type:'bar',

                            barWidth: '60%',

                            data:[0.5,9.36,52.0,191.0,350.0,571.0,912.0,1207.0,1682.0,2135.0,2684.0,3036.0]

                        }

                    ]

                };

　　　　　　　　// 为echarts对象加载数据

　　　　　　　　myChart1.setOption(option1);

　　　　　　}

　　　　　　initChart1();

　　　　</script>

</body>

</html>

echarjs—阿里历年双十一销售数据统计及预测的更多相关文章

  1. 浅析 阿里 OceanBase 双十一 淘宝天猫 天量交易 承载能力 原理

    我们先看看 这 2 篇文章: <秘诀!支付宝支撑双十一4200万次/秒的数据库请求峰值的技术实现>  https://mp.weixin.qq.com/s?__biz=MzI3MzEzMD ...

  2. 阿里历年经典Java面试题汇总，想进BAT你还不快收藏！

    转载:https://mp.weixin.qq.com/s/M8YyxloxZnMACH9QCQN7HA Volatile的特征: A.禁止指令重排(有例外) B.可见性 Volatile的内存语义: ...

  3. 阿里历年经典Java面试题汇总

    Volatile的特征: A.禁止指令重排(有例外) B.可见性 Volatile的内存语义: 当写一个volatile变量时,JMM会把线程对应的本地内存中的共享变量值刷新到主内存. 当读一个vol ...

  4. iOS开发工具篇－AppStore统计工具 (转载)

    随着iOS开发的流行,针对iOS开发涉及的方方面面,早有一些公司提供了专门的解决方案或工具.这些解决方案或工具包括:用户行为统计工具(友盟,Flurry,Google Analytics等), App ...

  5. 阿里云资深DBA专家罗龙九:云数据库十大经典案例分析【转载】

    阿里云资深DBA专家罗龙九:云数据库十大经典案例分析 2016-07-21 06:33 本文已获阿里云授权发布,转载具体要求见文末 摘要:本文根据阿里云资深DBA专家罗龙九在首届阿里巴巴在线峰会的&l ...

  6. 2018年Android的保活方案效果统计

    一.常见保活方案 1.监听广播:监听全局的静态广播,比如时间更新的广播.开机广播.解锁屏.网络状态.解锁加锁亮屏暗屏(3.1版本),高版本需要应用开机后运行一次才能监听这些系统广播,目前此方案失效.可 ...

  7. 教你用ActiveReports分析京东双十一数据的价值

    随着双十一购物盛会落下帷幕,各大电商平台纷纷公布出自己今年的成绩.与其它同行不同的是,京东除了公布1598亿的线上下单金额,还公布了线上线下融合的战果. 面对京东线上.线下海量数据源,我们该如何进行整 ...

  8. iOS开发工具篇－AppStore统计工具

    本文转载至 http://mobile.51cto.com/hot-418183.htm 随着iOS开发的流行,针对iOS开发涉及的方方面面,早有一些公司提供了专门的解决方案或工具.这些解决方案或工具 ...

  9. iOS开发工具篇-AppStore统计工具

    苹果官方的iTunes Connect提供的销售数据统计功能比较弱,例如只能保存最近30天的详细销售数据,界面丑陋, 无法查看App的排名历史变化情况等. 早有一些公司提供了专门的解决方案或工具.这些 ...

随机推荐

  1. django项目使用layui插件给网站设置一个日历挂件，很简单实用。

    进入https://www.layui.com/首页下载layui文件 下载解压后把文件放在static静态文件中, html页面引入css和js <link rel="stylesh ...

  2. Kotlin反射重要组件与流程详解

    继续学习Kotlin反射,我们知道对于Java的反射类是Class,而在Kotlin中的反射类是KClass,而在Java当中对于反射中的方法是用Method,而在Kotlin中是用KFunction ...

  3. Spring Cloud 微服务:Eureka+Zuul+Ribbon+Hystrix+SpringConfig实现流程图

    相信现在已经有很多小伙伴已经或者准备使用springcloud微服务了,接下来为大家搭建一个微服务框架,后期可以自己进行扩展.会提供一个小案例: 服务提供者和服务消费者 ,消费者会调用提供者的服务,新 ...

  4. 使用js对社会信用代码进行正则验证

    注:参考了该博客(https://blog.csdn.net/qq_37142340/article/details/80695187)进行了一些修改,本文验证使用在微信小程序上. 直接贴代码: va ...

  5. DT图库列表修改内容标题字数

    dt限制标题字数的方法有几种,最简单的是一种是: {dsubstr($t[title], 42, '..')} 还有一种是列表输出,也是网上常用的方法 <!--{tag("module ...

  6. 【python】Requests 库支持RESTFUL的几种方式

    Get: 查看资源 POST: 增加资源 PUT:修改资源,更新全部资源 PATCH:修改资源,更新局部资源 DELETE: 删除资源 HEAD: 查看响应头 OPTIONS: 查看请求方式

  7. python写入excel(方式二待完善)

    import xlsxwriter #创建一个工作簿并添加一张工作表,当然工作表是可以命名的# workbook = xlsxwriter.Workbook('Expenses01.xlsx')# w ...

  8. Java中String、LocalDateTime、LocalDate、Date互转

    String 转LocalDate和LocalDateTime LocalDate startDate = LocalDate.parse("2019-12-05", DateTi ...

  9. EF实体类指定部分属性不映射数据库标记

    命名空间 ;using System.ComponentModel.DataAnnotations.Schema; 实体部分 public partial class Student { [NotMa ...

  10. python zlib模块缺失报错：RuntimeError: Compression requires the (missing) zlib module

    解决方式: # yum install zlib # yum install zlib-devel 下载成功后,进入python2.7的目录,重新执行 #make #make install 此时先前 ...