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}
{a}:{c}s'
   }, 

  

  如果为多组数据，生成多条曲线：

  formatter:function(a)
        {
           var relVal = "";
           relVal = a[0]+"°C
";
           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);
          }
    }