echarts数据格式化处理
来源:互联网 发布:淘宝足球正品店铺 编辑:程序博客网 时间:2024/05/19 03:18
在使用echarts做图表时,通常我们希望实现以下效果:1、选中某些数据点信息的时候,添加其它辅助信息,比如单位(℃);2、当横轴数据为时间,且为类似的格式:2015/7/17 17:27:36,长度太长。如果希望显示数据信息的时候,显示该格式,而在坐标轴上显示时,只显示部分信息。
上述这些牵扯到echarts的数据格式化问题--内容格式器(formatter)
1. 对于第一个问题:可以进行如下简单设置(适用于一组数据,生成一条曲线),实现在数值后面添加s
formatter中:
b -- 类目名(可以理解为x轴信息)
a--系列名字(理解为y轴对应的name属性)
c--数值(理解为y轴对应的数据)
tooltip:
{
trigger: 'axis',
formatter: '{b} <br/>{a}:{c}s'
},
如果为多组数据,生成多条曲线:
formatter:function(a)
{
var relVal = "";
relVal = a[0]+"°C<br/>";
relVal += a[1]+"°C";
return relVal;
}
2. 对于第二个问题
很简单,在相应坐标轴的axisLabel中设置 formatter
比如:源数据格式为:2015/7/17 17:27:36 现在只取小时和分钟,17:27。
axisLabel : {
formatter: function(category)
{
return category.substring(11,16);
}
}
- echarts数据格式化处理
- Echarts 饼图处理 option动态赋值 点击事件 一级钻取 自定义按钮 数据格式化
- echarts处理查询数据总结
- sqlldr处理格式化数据
- IValueConverter 数据格式化处理
- ECharts图表中级入门之formatter:夜谈关于ECharts图表内的数据格式化方法
- ECharts图表中级入门之formatter:夜谈关于ECharts图表内的数据格式化方法
- echarts tooltip格式化!
- 利用echarts对pm2.5数据进行可视化处理
- Excel导出及数据格式化处理(摘)
- confluent 对kafka格式化数据的处理
- Flex 3快速入门: 处理数据 格式化数据
- eCharts制作数据报表
- echarts 饼图 显示数据
- 数据展现---Echarts
- 数据图表插件ECharts
- Echarts 后台传入数据
- echarts-JSON请求数据
- jquery treegrid实例
- 二叉树遍历
- 持久化机制:
- 全志A20单独烧录内核
- linux exec /bin/sh shellcode x86 and x86_64
- echarts数据格式化处理
- 怎么锻炼出顶尖程序员的编码套路
- HDU3277MarriageMatchIII
- linux等待队列wait_queue_head_t和wait_queue_t
- Linux为什么最多能分4个四个主分区
- Ios项目添加Pods
- GRE写作必备句型
- 发布与订阅信息
- 动态调用WebService的两种方法(多线程)