Echarts使用步骤、箭头函数、正则的一些规则及方法、JS变量命名规则、数据类型转换 (Date 2022/12/31)

一. 详细说出Echarts的使用步骤

1.引入 echarts.js 文件

2.准备一个具备大小的DOM容器->生成的图表会放入这个容器

3.初始化echarts实例对象->实例化echarts对象

    var myChart = echarts.init(document.getElementById('main'));

4.指定配置项和数据option ->根据具体需求修改配置选项

    var option = {
      xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      },
      yAxis: {
        type: 'value'
      },
      series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
      }]
    };

5. 将配置项设置给echarts实例对象 ->让echarts对象根据修改好的配置生效

 myChart.setOption(option);