首页 > 其他分享 >找工作学习第八天

找工作学习第八天

时间:2024-03-06 10:01:44浏览次数:33  
标签:遍历 option val 第八天 学习 工作 state 数据 echarts

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

相关文章

  • OpenAI、谷歌、微软、Meta联名签署AI公开信 (学习了解)
    BuildAIforaBetterFuture为更美好的未来构建人工智能Wecalloneveryonetobuild,broadlydeploy,anduseAItoimprovepeople’slivesandunlockabetterfuture.我们呼吁每个人构建、广泛部署和使用人工智能来改善人们的生活,开启更美好的未来。Thepurposeof......
  • Linux超能力BPF技术介绍及学习分享(转)
    Linux超能力BPF技术介绍及学习分享版权属于原作者,地址 https://cloud.tencent.com/developer/article/1698426 文章被收录于专栏:大卫李的技术分享​​背景介绍近两年BPF技术跃然成为了一项热门技术,在刚刚结束的KubeCon2020Europe会议上有7个关于BPF的......
  • java.util.Arrays 快速学习教程
    在Java中,java.util.Arrays类提供的多种数组操作功能,可以有效地执行各种数组相关的操作,使得数组处理变得简单和高效。打印数组String[]arr=newString[]{"a","b","c","d"};System.out.println(Arrays.toString(arr));//输出[a,b,c,d]Arrays.toString(arr),不过......
  • 搜维尔科技:捕获、分析、优化,使用 Xsens Ergo 创建更安全的工作空间
    简化人体工程学分析,优先考虑员工福祉,并利用客观数据和见解提高生产力。捕获。分析。优化。使用XsensErgo创建更安全的工作空间1.质量数据使用高质量、客观且经过验证的运动数据进行详细的人体工程学分析2.随处使用在最具挑战性的工作环境中随时测量和分析3.快速、实时分......
  • 2024/3/5学习进度
     第一天第二天第三天第四天……所花时间(包括上课)                              190min    代码量(行) 80    博客量(篇) 1    了解到的知识点......
  • 前端学习-vue视频学习006-watch监视、watchEffect
    尚硅谷视频链接watch监视的5种情况情况1监视【ref】定义的【基本类型】数据<template><divclass="person"><h1>情况1:监视【ref】定义的【基本类型】数据</h1><h2>求和:{{sum}}</h2><button@click="changeSum">sum+1<......
  • NGUI学习笔记3.5
    ScrollView练习使用场景搭建:直接在NGUI中新建ScrollView组件(与Button等其它依赖基本组件存在的组件不同,此组件是单独存在的组件)新建sprite作为其子组件,注意!子组件上需要挂在Collider和DragScrollView脚本,才可以实现鼠标拖拽查看功能ScrollView组件的参数意义:添加Scroll......
  • 学习笔记:CL4ST
    Spatio-TemporalMetaContrastiveLearning时空元对比学习CIKM2023作者:JiabinTang,LianghaoXia,JieHu,ChaoHuang论文地址:https://dl.acm.org/doi/10.1145/3583780.3615065代码地址:https://github.com/HKUDS/CL4ST总结是一篇使用了对比学习的模型,其中”可学习的视......
  • 前端基础学习2 | JavaScript
    1、什么是JavaScript相关链接:https://baike.baidu.com/item/JavaScript/321142JavaScript(简称:JS)是一门跨平台、面向对象的脚本语言,是用来控制网页行为的,它使得网页可交互。关于JavaScript有必要知道的事:1)JavaScript和Java是完全不同的语言,不论是概念还是设计,但是基础......
  • 3/5学习进度
     第一天第二天第三天第四天……所花时间(包括上课) 190min    代码量(行) 75    博客量(篇) 1    了解到的知识点安装matlab,文件操作,安卓数据库操作复习    今天是软件工程上课第一天,建民老师留......