echarts数据格式化处理


在使用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);
          }
    }


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值