EChart处理三维数据做图表、多维legend图例处理

　　处理三维数据做图表，比如返回的数据就是一个个list，list里面某几个数据同属于一个维度，项目中的实例效果如下：

　　上面的khfx会有多个，比如db1、db2、db3等，下面的那些数据也会变化，目前需求就是做的下面的实现单选，可以使用echarts的legend的selectedMode实现，然后上面的db那些就是可以复选，默认全显示，选择之后就取消该条数据显示。也就是说相当于需要2层图例组件同时控制下面series的显示。

　　大值考虑的是下面的用legend的图例，然后上面的图例就自己手写，然后通过js方法去实现类似图例的功能。

　　踩坑记录：

　　1、刚开始想的就是通过legend的selected设置为false来达到效果（之前处理翻页使用过这种），但是发现不行，设置某一个name为false，会影响到上面图例所有的数据，因为series里的那个name是一样的，但是这个name又必须和legend里的一一对应，所以放弃

　　2、考虑先删除比如db1的数据，所以先定义一个存储的数组，来存储删除的数据，因为点击series的线消失，再点击还是要加进去的，这种实现可以。但是有个问题，就是当删除series为[]一个空数组时，下面的图还是会有。在echart的demo里面试一下，发现series:[]，不会画图

　　解决方案：

　　当选中上面图例时，只把series里面的对象的data置为[]空数组，详情看下面的changeLegrend方法，完美实现效果，代码还没优化，碰到类似处理三维图例的需求时，可以参考下

<template>
    <div>
    <div class="legend_container">
        <ul>
            <li v-for="item in legendData">
                <button class="btn-link btn-legend-item" @click="changeLegrend(item,$event)"><span class="legend-item-bg" :style="'background-color:'+legendColor[item]