陈紫怡-20221116-Echarts

一、今日学习内容：

• Echarts
  
  • 数据可视化
    
    • 需要技能
      
      • JavaScript 70%
        
      • html  20%
        
      • css   10%
        
    • 插件----js插件
      
    • 性能好，可流畅运行pc与移动端
      
    • 兼容性好（主流浏览器）
      
    • 提供很多常用图表，也可以定制化开发
      
  • 使用步骤：
    
    • 引入----bootcdn
      
    • 准备一个盒子，有宽高大小的dom容器
      
    • 初始化实例对象
      
    • 制定配置和数据option
      
    • 将配置向给Echarts实例对象
      
  • Echarts中通用属性
    
    • title：标题
      
    • tooltip:提示框组件
      
    • toolbox:Echarts提供的工具栏，配置在option中
      
    • lengend:图例对象
      
  • 主要配置
    
    • series：系列列表，每个系列通过type决定自己的图表类型
      
    • xAxis：直角坐标系grid中的x轴
      
    • grid：直角坐标系内绘图网络
      
    • color：调色盘颜色列表