专栏首页王磊的博客ECharts使用心得

ECharts使用心得

ECharts百度旗下图标插件,在展示地图、雷达图等方面有很好的支持。

应用场景:

自动生成X轴的数据:

设置:xAxis的type=value || type=time 并且设置series的data为二维数组,第一位是X轴的值,第二位是Y轴的值, 例如:

series: [
        {
            //...
            data: [[1456329600000,2314.24],[1456502400000,2030]]
        }
]

echarts支持2种时间格式:

  ①、一种是中国的时间例如:“2016-10-10 10-10-10”;

  ②、另一种支持时间戳,精确到微秒(13位时间戳)。

常用方法

一、格式化时间格式:

echarts.format.formatTime('yyyy-MM-dd', new Date());

二、格式化X轴数据格式代码:

xAxis: {
    //…
    axisLabel:{
        formatter:function (value)
        {
            return echarts.format.formatTime('MM-dd', new Date(value));
        }
    }
}    

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JS只能输入数字,数字和字母等的正则表达式

    1.只能输入英文   <input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"> 2....

    Java中文社群_老王
  • 带毫秒的字符转换成时间(DateTime)格式的通用方法

    C#自身有更好的方式,Net任意String格式转换为DateTime类型 =========================================...

    Java中文社群_老王
  • asp.net产生客户端Cookie与js操作Cookie大全

    Js操作Cookie封装的代码[各个浏览器测试兼容]: 1 function SetCookie(name, value)//两个参数,一个是cookie的名...

    Java中文社群_老王
  • 吴晓波:未来十年,我们所认为的能力将荡然无存

    近日,吴晓波在《下一个十年,你在哪里?——从企业家到企投家》峰会上发表了演讲,以下为演讲原文。

    钱塘数据
  • 吴晓波:未来十年,我们所认为的能力将荡然无存

    这些技术变革,一方面面临伦理问题,另一方面面临到社会问题。所以未来10年一定是比刚刚过往的10年更精彩的10年。

    IT派
  • 震撼!10的次方——换个距离看人生,看世界...

    大数据文摘
  • Docker搭建比特币测试网络

    1.2 安装RPC支持库kapitalize kapitalize的源码:https://github.com/shamoons/Kapitalize

    foochane
  • golang 中timer,ticker 的使用

    写出上面这段程序的目的是从 input channel 持续接收消息加以处理,同时希望每过5秒钟和每过10秒钟就分别执行一个定时任务

    用户7798898
  • Jmeter 常用函数(1)- 详解 __Random

    https://www.cnblogs.com/poloyy/p/13291704.html

    小菠萝测试笔记
  • 2020CHINC,来赴一场“共建智慧医院”的约会

    智慧医院的建设,无疑是医疗行业数字化转型的重中之重。近年来,国家卫生行政主管部门大力倡导智慧医院建设,从智慧医疗、智慧服务、智慧管理等维度多管齐下,旨在进一步发...

    腾讯安全

扫码关注云+社区

领取腾讯云代金券