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)); } } } |
关注下面二维码,订阅更多精彩内容。

【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验