找工作学习第八天

echarts图表配置

 定义一个变量引入echarts，使用echarts。init方法初始化一个标签，然后因为要获取dom中的标签元素，这就要写在mounted里面，

定义一个option参数选项对象，下面x轴，y轴数据就可以写成option.x, option.y

不用这样写成一大坨

 

order数据如下，如何将苹果 三星 小米获取成一个数组让它成为我们的x轴

Object.keys(order.data[0])

 y轴数据一般为空

 

legend表示传奇，可在上面的铭文，这样可以列结尾刻在图标上的铭文

legend数据是显示在图表上方的配套解释图标，如红框部分，方便阅读，也可以点击具体某一项，让该项折线图显示或者不显示

 具体y轴数据就从series中获取，

 

 这会报错的原因是，js里已经定义的数据不应该再var一下，不能重定义

 

 变量要声明在使用，否则会报错，声明之后不能再次声明

其中的子元素也不能再次声明，因为都是一一体的，

 

 foreach不能遍历的问题，因为each需要对数组进行遍历

源代码里面xAxis是一个对象的形式，{data ：[]}  console.log打印出来的记过也印证了这一点

 

 map中的key应该是item[key

elementui 面包屑组件，seprator组件表示面包屑之间的分隔符  ：to表示点击之后去哪里

 

 mutations中的突变函数，对state中该变量进行处理，所以state是默认必须带的值

val是具体页面传进来的数据，点击到val标签后需要进行具体的操作

传入val后，如果是home，就不进行操作，因为home首页是默认排列在的

然后对tablist中的数据进行遍历，用findindex进行查找，如果找到了，就是有下标，不用push，如果没找到就返回-1

state.tabList.push(val)

 

vuex有一个mapState方法，可以获取到state中的值，不过要写在computed中