ECharts使用心得

简介:

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

 

应用场景:

自动生成X轴的数据:


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

1
2
3
4
5
6
series: [
         {
             //...
             data: [[1456329600000,2314.24],[1456502400000,2030]]
         }
]

echarts支持2种时间格式:

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

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

 

常用方法

一、格式化时间格式:

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

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

1
2
3
4
5
6
7
8
9
xAxis: {
     //…
     axisLabel:{
         formatter: function  (value)
         {
             return  echarts.format.formatTime( 'MM-dd' new  Date(value));
         }
     }
}

 




本文转自王磊的博客博客园博客,原文链接:http://www.cnblogs.com/vipstone/p/5318615.html,如需转载请自行联系原作者

目录
相关文章
|
存储 开发工具 C++
【树莓派 Pico 和 Pico W】
【树莓派 Pico 和 Pico W】
1555 0
Echarts仪盘表axisLine渐变及title颜色设置
Echarts仪盘表axisLine渐变及title颜色设置
509 0
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
1443 0
|
8月前
|
机器学习/深度学习 资源调度 数据可视化
YOLOv11改进策略【注意力机制篇】| 引入Shuffle Attention注意力模块,增强特征图的语义表示
YOLOv11改进策略【注意力机制篇】| 引入Shuffle Attention注意力模块,增强特征图的语义表示
350 1
YOLOv11改进策略【注意力机制篇】| 引入Shuffle Attention注意力模块,增强特征图的语义表示
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
469 0
|
存储 安全 数据安全/隐私保护
服务器数据恢复—服务器raid常见故障的数据恢复方案
磁盘阵列(raid)是一种将多块物理硬盘整合成一个虚拟存储的技术。raid模块相当于一个存储管理中间层,上层接收并执行操作系统及文件系统的数据读写指令,下层管理数据在各个物理硬盘上的存储及读写。相对于单独的物理硬盘,raid可以为用户提供更大的独立存储空间,更快的读写速度,更高的数据存储安全及更方便的统一管理模式。磁盘阵列的正常运行是保障服务器中数据正常读写的关键。
服务器数据恢复—服务器raid常见故障的数据恢复方案
|
Linux Shell C语言
如何在 Linux 中查找父进程 ID (PPID)?
【5月更文挑战第4天】
1755 4
如何在 Linux 中查找父进程 ID (PPID)?
|
前端开发 JavaScript 搜索推荐
React 中服务端渲染和客户端渲染的区别
【8月更文挑战第31天】
285 0
ZLMediakit-method ANNOUNCE failed: 401 Unauthorized
ZLMediakit-method ANNOUNCE failed: 401 Unauthorized
360 0
|
Dart JavaScript 前端开发
一个写了3年半flutter的小伙,突然写了2个月uniapp的感悟!
因为某些原因,在过去的三年半时间,我除了flutter之外,很少接触其他的框架,而最近突然写了2个月uniapp,有了些想法...