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中
标签:遍历,option,val,第八天,学习,工作,state,数据,echarts From: https://www.cnblogs.com/hook-thresh/p/18053196