tooltip展示多条数据

最近开始使用vue结合echarts进行前端界面的编写，在实现鼠标触碰提示框展示多条数据的时候遇到了以下的问题，记录一下

一、tooltip显示多条数据

当echarts柱状图提示框想要展示的数据不仅仅局限于x轴和y轴的时候，需要处理series中对应的data，使其包含你想要的数据：

1. data的格式为[{value:值1，自定义key1，对应value1},{value:值2，自定义key2，对应value2}] ，value是必须的，它的值是展示在y轴上的值；
2. tooltip使用formatter函数，入参为series的data，后台console打印出来为object，看不到数据具体的内容。使用formatter函数将每次循环对应的值打印，可以看到具体的值。这里使用map函数是不可以的；
3. tooltip对应代码如下

// 使用forEach进行遍历，使用map是不可以的，得到的item依旧是object类型
tooltip:{
	formatter:function(params){
		let reData=''
		params.forEach(function(item,index){
			reData+='同比增长'+irem.data.value
		})
		return reDate
	}
}
//data具体如下
data:[
{value:3.05,grade:1,age:18},
{value:4,grade:3,age:20},
{value:5,grade:5,age:22}]

二、vue编译报错，this relative module was not found

解决方案如下：

• 首先排除对应组件引用路径是否正确，查看具体报错信息，看对应的是哪个模块。
• 然后看是否是有些数据没有被install，重新install一下。
• 最后还是无法解决，看该模块是否import了不支持的数据，将对应的import删除即可。

三、json数据console打印出来是object类型

//使用下面的代码将object数据转换成json格式,params是上面组装好的data
let jsonData=JSON.stringfy(params)
conslole.log(jsonData)
## json数据格式

四、json数据格式

1、json对象——jsonObject

//一个基础的JSON对象 俗称的键值对 JSONObject  一般是一个主键对应一个值
    var data= {"id":"Jd1" , "name":"节点1"};
//在使用时可以直接 使用主键值获取信息
    var id=data.id;//获取值 Jd1

2、json数组——jsonArray

//data格式
var data=  [{"id":"Jd1" , "name":"节点1"},{"id":"Jd2" , "name":"节点2"}]
//获取某个值就需要进行循环处理
 for(var i=0;i<data.length;i++){
        var Id=data[i].id;
}
//通过循环或者下标来访问里面的一个对象，进而用.来访问对应的值。如data[0].id=Jd1

3、List形式的json

//数据格式
var data = ["jd1", "jd2", "jd3", "jd4"];
//若是要判断某个值在不在这个数组里面需要使用indexOf
   if (data.indexOf("jd1") > -1) {
        alert("存在数组内");
   }
 //通过