数据可视化-ECharts 教程目录-马育民老师

# 基础

0. [ECharts 图标案例](//malaoshi.top/show_1IX6jiQp5H6r.html "ECharts 图标案例")

1. [数据可视化介绍](//www.malaoshi.top/show_1IX6icFav3hM.html "数据可视化介绍")

2. [ECharts介绍、特性](//www.malaoshi.top/show_1IX6icDInvTC.html "ECharts介绍、特性")

3. [ECharts下载、npm安装](https://www.malaoshi.top/show_1IX6ied1VVNE.html "ECharts下载、npm安装")

4. [ECharts快速入门](https://www.malaoshi.top/show_1IX6ieB4QW5P.html "ECharts快速入门")

5. [ECharts-option基础配置说明](https://www.malaoshi.top/show_1IX6ihJdG5aN.html "ECharts-option基础配置说明")

6. [ECharts-option配置-toolbox 工具栏](https://www.malaoshi.top/show_1IX6j4Y8FYbz.html "ECharts-option配置-toolbox 工具栏")

7. [ECharts-option配置-grid 绘图网格](https://www.malaoshi.top/show_1IX6j4Yf4ti0.html "ECharts-option配置-grid 绘图网格")

8. [ECharts-option配置-color 调色盘颜色列表](https://www.malaoshi.top/show_1IX6j4ZBFP71.html "ECharts-option配置-color 调色盘颜色列表")

9. [ECharts-option配置-x轴、刻度、文字相关设置](https://www.malaoshi.top/show_1IX6j52aq10M.html "ECharts-option配置-axisTick坐标轴刻度相关设置")

10. [ECharts-option配置-y轴、文字、y轴分割线相关设置](https://www.malaoshi.top/show_1IX6j5CYa6kZ.html "ECharts-option配置-y轴、文字、y轴分割线相关设置")

# 柱状图

1. [ECharts-柱状图不显示刻度](https://www.malaoshi.top/show_1IX6jFeVHPGo.html "ECharts-柱状图不显示刻度")

2. [ECharts-柱状图-设置柱子宽度](https://www.malaoshi.top/show_1IX6jFgecaXx.html "ECharts-柱状图-设置柱子宽度")

3. [ECharts-柱状图-柱子背景图](https://www.malaoshi.top/show_1IX6jIsTN6Nk.html "ECharts-柱状图-柱子背景图")

4. [ECharts-柱状图-柱子边框颜色、宽度](https://www.malaoshi.top/show_1IX6jIwc8G07.html "ECharts-柱状图-柱子边框颜色、宽度")

5. [ECharts-柱状图-柱子圆角](https://www.malaoshi.top/show_1IX6jJfhsm9z.html "ECharts-柱状图-柱子圆角")

9. [ECharts-提示框灰色半透明、文字白色](//www.malaoshi.top/show_1IX6jK0wrfkP.html "ECharts-提示框灰色半透明、文字白色")

### x轴

6. [ECharts-柱状图-X轴颜色、刻度颜色](https://www.malaoshi.top/show_1IX6jJj4Rs4J.html "ECharts-柱状图-X轴颜色、刻度颜色")

8. [ECharts-柱状图-x轴文字颜色、文字大小](https://www.malaoshi.top/show_1IX6jJqRzEih.html "ECharts-柱状图-x轴文字颜色、文字大小")

[ECharts-给x轴每一个标签设置样式](//www.malaoshi.top/show_1IX6jiNEPFBY.html "ECharts-给x轴每一个标签设置样式")

### y轴

7. [ECharts-柱状图-y轴显示、颜色、显示刻度、不显示分割线](https://www.malaoshi.top/show_1IX6jJkhn4vV.html "ECharts-柱状图-y轴显示、颜色、显示刻度、不显示分割线")

# 折线图

1. [ECharts-折线图-对齐刻度](https://malaoshi.top/show_1IX6jiea0TAM.html "ECharts-折线图-对齐刻度")

2. [ECharts-折线图-堆叠](https://malaoshi.top/show_1IX6jiix1hbr.html "ECharts-折线图-堆叠")

3. [ECharts-折线图-圆点](https://malaoshi.top/show_1IX6jikXPnJ3.html "ECharts-折线图-圆点")

4. [ECharts-折线图-鼠标悬浮时，圆点变大](https://malaoshi.top/show_1IX6jzCBFzqh.html "ECharts-折线图-鼠标悬浮时，圆点变大")

# 饼状图

1. [ECharts-饼状图-阴影设置](https://malaoshi.top/show_1IX6jz9fPdoQ.html "ECharts-饼状图-阴影设置")

2. [ECharts-饼状图-扇区设置颜色，修改图例大小、修改图例文字颜色](https://malaoshi.top/show_1IX6k0rWOhcj.html "ECharts-饼状图-扇区设置颜色，修改图例大小、修改图例文字颜色")

### tooltip

1. [ECharts-tooltip自定义显示内容-formatter（自定义悬浮框小圆点大小）](https://malaoshi.top/show_1IX6mJ2QcFPU.html "ECharts-tooltip自定义显示内容-formatter（自定义悬浮框小圆点大小）")

# 地图

1. [ECharts 原社区（地图等高级图表）](https://malaoshi.top/show_1IX6loLariMD.html "ECharts 原社区（地图等高级图表）")

1. [ECharts 地图](https://malaoshi.top/show_1IX6mGva5XQx.html "ECharts 地图")