ECharts绘制折线图(1)，学习css前端开发

// vue文件中引入echarts工具

let echarts = require('echarts/lib/echarts')

require('echarts/lib/chart/line')

// 以下的组件按需引入

require('echarts/lib/component/tooltip')   // tooltip组件

require('echarts/lib/component/title')   //  title组件

require('echarts/lib/component/legend')  // legend组件 

2. option配置

// option将要设置以下字段感觉就足够使用了

option: {

  legend: {},

  xAxis: {},

  yAxis: {},

  label: {},

  tooltip: {},

  series: []

} 

• legend字段，是为了配置下图的表现的；注意data字段的数组需要对应每条折线的名称

  鼠标hover到最顶部的legend标志，可以标志对应的折线图，点击legend标志会隐藏对应的折线图

legend: {

  data: ['招商银行', '浦发银行', '广发银行', '上海银行']

}, 

• xAxis，配置x轴数据、样式、名称

xAxis: {

  type: 'category',   // 还有其他的type，可以去官网喵两眼哦

  data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],   // x轴数据

  name: '日期',   // x轴名称

  // x轴名称样式

  nameTextStyle: {

    fontWeight: 600,

    fontSize: 18

  }

}, 

• yAxis，配置y轴名称，样式

yAxis: {

  type: 'value',

  name: '纵轴名称',   // y轴名称

  // y轴名称样式

  nameTextStyle: {

    fontWeight: 600,

    fontSize: 18

  }

### JavaScript

* js的基本类型有哪些？引用类型有哪些？null和undefined的区别。

* 如何判断一个变量是Array类型？如何判断一个变量是Number类型？（都不止一种）

* Object是引用类型嘛？引用类型和基本类型有什么区别？哪个是存在堆哪一个是存在栈上面的？

* JS常见的dom操作api

* 解释一下事件冒泡和事件捕获

* 事件委托（手写例子），事件冒泡和捕获，如何阻止冒泡？如何组织默认事件？

* 对闭包的理解？什么时候构成闭包？闭包的实现方法？闭包的优缺点？

* this有哪些使用场景？跟C,Java中的this有什么区别？如何改变this的值？

* call，apply，bind

* 显示原型和隐式原型，手绘原型链，原型链是什么？为什么要有原型链

* 创建对象的多种方式

* 实现继承的多种方式和优缺点

* new 一个对象具体做了什么

* 手写Ajax，XMLHttpRequest

* 变量提升

* 举例说明一个匿名函数的典型用例

* 指出JS的宿主对象和原生对象的区别，为什么扩展JS内置对象不是好的做法？有哪些内置对象和内置函数？

* attribute和property的区别

* document load和document DOMContentLoaded两个事件的区别

* JS代码调试  

* **[CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://codechina.csdn.net/m0_60958482/web-p7)**

  ![](https://s2.51cto.com/images/20210910/1631256147614271.jpg)