问答

echarts xAxis time 格式 小时分钟秒如何不显示

作者:admin 2021-04-20 我要评论

代码如下所示 !DOCTYPE htmlhtml head meta charset="utf-8" / script src="/uploads/allimg/210420/0Z13B1P-1.jpg"/script /head body div id="main" style=" h...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png

代码如下所示

<!DOCTYPE html>
<html>  
    <head>
    <meta charset="utf-8" />
    <script src="/uploads/allimg/210420/0Z13B1P-1.jpg"></script>
    </head>
    <body>
        <div id="main" style=" height:400px;"></div>
           <script type="text/javascript" src="/uploads/allimg/210420/0Z13BD7-2.jpg"></script>
    <script type="text/javascript">

                // 基于准备好的dom,初始化echarts图表
                var myChart = echarts.init(document.getElementById('main'));

                option = {
                title: {
                    text: '折线图堆叠'
                },
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    data: ['邮件营销', '联盟广告']
                },
             
                xAxis: {
                    // 根据x轴数据决定type类型
                    type: 'time', //time
                    boundaryGap: false,
                    // 注: x轴不指定data,自动会从series取
                },
                yAxis: {
                    type: 'value'
                },
                series: [
                     {
                        name: '联盟广告',
                        type: 'line',data: [
                            [
                            "2020-11-26",
                            "6"
                        ],
                        [
                            "2020-11-27",
                            "6"
                        ],
                        [
                            "2020-11-28",
                            "6"
                        ],
                        [
                            "2020-11-29",
                            "5"
                        ]
                        ]
                    },
                    {
                        name: '邮件营销',
                        type: 'line',
                        data: [
                            [
                            "2020-11-26",
                            "17.3"
                        ],
                        [
                            "2020-11-28",
                            "16.8"
                        ],
                        [
                            "2020-11-29",
                            "17.3"
                        ],
                        [
                            "2020-11-30",
                            "17.8"
                        ],
                        [
                            "2020-12-01",
                            "18.3"
                        ]
                        ]
                    },
                   
                ]
            };

                // 为echarts对象加载数据 
                myChart.setOption(option);
            
    
    </script>
    </body>  
</html>

感谢。

###
        axisPointer: {
                        label: {
                        formatter: function (params) {
                            var date = new Date(params.value)
                            var day = date.toLocaleDateString();
                            return day;
                        }
                    }}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器