ECharts实现数据可视化入门教程（超详细）

ECharts实现数据可视化入门教程（超详细）

• ECharts介绍
• ECharts入门教程
• • 第一步：下载并引入scharts.js文件
  • 第二步：编写代码
  • • 目录结构
    • 编写index.html代码
    • 效果展示
• ECharts的基础配置
• • • 主要配置（常用的）
    • 案例讲解
• 补充
• • 示例链接
  • 立即执行函数
  • 让图表跟随屏幕自适应

ECharts介绍

官网链接：Apache ECharts

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

通俗的理解：

• 是一个JS插件
• 性能好可流畅运行PC与移动设备
• 兼容主流浏览器
• 提供很多常用图表【折线图、柱状图、散点图、饼图、K线图】，且可定制（支持自定义）

ECharts入门教程

官方教程：5 分钟上手 ECharts

第一步：下载并引入scharts.js文件

获取 ECharts：下载地址

1、点击Dist跳转到Github。

2、点击点进去

3、右键单击Raw，选择链接另存为