# Echarts-Demo

**Repository Path**: nichan-13/Echarts-Demo

## Basic Information

- **Project Name**: Echarts-Demo
- **Description**: 数据可视化-Echarts 大屏数据可视化展示
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://nichan-13.gitee.io/echarts-demo
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 6
- **Created**: 2020-09-10
- **Last Updated**: 2024-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Echarts-Demo
- 数据可视化-Echarts 大屏数据可视化展示
- 展示地址：https://nichan-13.github.io/Echarts-Demo/


## Echarts介绍

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

简单来说：

- 是一个JS插件
- 性能好可流畅运行PC与移动设备
- 兼容主流浏览器
- 提供很多常用图表，且可**定制**。
  - [折线图](https://www.echartsjs.com/zh/option.html#series-line)、[柱状图](https://www.echartsjs.com/zh/option.html#series-bar)、[散点图](https://www.echartsjs.com/zh/option.html#series-scatter)、[饼图](https://www.echartsjs.com/zh/option.html#series-pie)、[K线图](https://www.echartsjs.com/zh/option.html#series-candlestick)

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



## 使用技术

- div + css 布局
- flex 布局
- Less
- 原生js + jquery 使用
- rem适配
- **echarts基础**



## 项目展示
- 展示地址：https://nichan-13.github.io/Echarts-Demo/  

![echarts.png](https://z4a.net/images/2020/06/29/echarts.png)



## 参考资料

- [五分钟上手Echarts](https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts)