数次登上Nature封面，论科研绘图我只服他！

Apache ECharts是一个直观生动，支持数据交互定制的Web数据可视化图表网站，从数据到导出都是基于网页端展示非常方便！

Apache ECharts功能介绍

01、丰富的可视化类型

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。

除了已经内置的包含了丰富功能的图表，ECharts 还提供了自定义系列，只需要传入一个renderItem函数，就可以从数据映射到任何你想要的图形，更棒的是这些都还能和已有的交互组件结合使用而不需要操心其它事情。

02、多种数据格式无需转换直接使用

ECharts 内置的 dataset 属性（4.0+）支持直接传入包括二维表，key-value 等多种格式的数据源，通过简单的设置 encode 属性就可以完成从数据到图形的映射，这种方式更符合可视化的直觉，省去了大部分场景下数据转换的步骤，而且多个组件能够共享一份数据而不用克隆。

03、移动端优化

ECharts 针对移动端交互做了细致的优化，例如移动端小屏上适于用手指在坐标系中进行缩放、平移。PC 端也可以用鼠标在图中进行缩放（用鼠标滚轮）、平移等。

04、深度的交互式数据探索

交互是从数据中发掘信息的重要手段。“总览为先，缩放过滤按需查看细节”是数据可视化交互的基本需求。

05、多维数据的支持以及丰富的视觉编码手段

ECharts 3 开始加强了对多维数据的支持。除了加入了平行坐标等常见的多维数据可视化工具外，对于传统的散点图等，传入的数据也可以是多个维度的。

Apache ECharts使用教程

ApacheECharts是一个基于JavaScript的开源可视化图标库

网址：https://echarts.apache.org/zh/index.html

所有的示例都在这儿了，左侧是所有图表类型，折线图、柱状图、饼图、散点图、K线图、雷达图、关系图、树图等等，这里的折线图、柱状图、饼图也和大家平日里常用的简单的图表有差别哦，不要diss往下看，简单的图表咱也要做的有内涵！

来看看折线图吧，这个网站也能把它做成个花，各式各样的图形以及配色，太香了！

点击任意图表进入，右侧是图表无疑，谁都看得懂，左侧一大堆代码，非程序员得我看了心慌慌想撤退。

莫慌！不是程序员也可以自定义完成图表，红色方框内对应的就是横纵坐标，找到之后根据自己的横纵坐标数据做修改，其他代码原封不动就可以得到自己的图表了，完成后点击右上方下载

即可。

再来个稍微复杂点的漏斗图，还是同样其他代码不动，将方框内的数字根据自身情况做改动即可完成图表。

对于复杂些的图表，大家可以将鼠标移至图表相应的区间或者某个点，显示的数字和代码结合起来研究一下，就能马上get到代码的哪个部分与图表的点相对应。当然如果你本身就会看代码，那这些就是小儿科啦。

当然感兴趣的小伙伴们可以点击首页的“快速上手”学习如何码代码做图表！当然像小编这么偷懒的人只能投机取巧一番，研究现成的图表，改动改动数字copy一下啦

如有侵权，请联系本站删除