数据可视化ECharts入门

04
六月
2021

数据可视化ECharts使用

文章目录

  • 一、常见的数据可视化库
    • 2 数据可视化项目概述
  • 二 ECharts简介
    • 2 ECharts的基本使用
      • 2.1 ECharts 使用五步曲
      • 2.2 相关配置讲解
        • 2.2.1 series: 系列列表
        • 2.2.2 小结


一、常见的数据可视化库

在这里插入图片描述

在这里插入图片描述

2 数据可视化项目概述

在这里插入图片描述

二 ECharts简介

官网地址:https://www.echartsjs.com/zh/index.html

ECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表
在这里插入图片描述

2 ECharts的基本使用

2.1 ECharts 使用五步曲

1 步骤1:下载并引入echarts.js文件
2 步骤2:准备一个具备大小的DOM容器
3 步骤3:初始化echarts实例对象
4 步骤4:指定配置项和数据(option)
5 步骤5:将配置项设置给echarts实例对象
在这里插入图片描述

2.2 相关配置讲解

在这里插入图片描述

2.2.1 series: 系列列表

在这里插入图片描述

2.2.2 小结

在这里插入图片描述

TAG

网友评论

共有访客发表了评论
请登录后再发布评论,和谐社会,请文明发言,谢谢合作! 立即登录 注册会员