<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1" user-scalable="no"><meta name="description" content="ECharts, a powerful, interactive charting and visualization library for browser"><link rel="shortcut icon" href="images/favicon.png"><link rel="stylesheet" type="text/css" href="vendors/bootstrap/css/bootstrap.min.css"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries--><!--[if lt IE 9]><script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]--><link rel="stylesheet" type="text/css" href="./css/main.css?_v_=1558928745504"><script>window.EC_WWW_LANG = 'zh';
</script><script type="text/javascript" src="./vendors/pace/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
    var el = document.createElement('style');
    el.innerHTML = ''
        + '@font-face {font-family:"noto-thin";src:local("Microsoft Yahei");}'
        + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
    document.head.insertBefore(el, document.getElementById('font-hack'));
}
</script><script type="text/javascript" src="./vendors/jquery/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="./images/forie.png" alt="ie tip"></div></body><![endif]-->
<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="main"><nav class="navbar navbar-default navbar-fixed-top"><div class="container-fluid"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="./zh/index.html" class="navbar-brand"><img src="./zh/images/logo.png" alt="echarts logo" class="navbar-logo"></a></div><div id="navbar-collapse" class="collapse navbar-collapse"><ul class="nav navbar-nav navbar-left"><li id="nav-index"><a href="./zh/index.html">首页</a></li><li id="nav-doc" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">文档<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="./zh/feature.html">特性</a></li><li><a href="./zh/tutorial.html">教程</a></li><li><a href="./zh/api.html">API</a></li><li><a href="./zh/option.html">配置项手册</a></li><li><a href="./zh/option-gl.html">GL 配置项手册</a></li><li><a href="./zh/changelog.html">版本记录</a></li></ul></li><li id="nav-download" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">下载<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="./zh/download.html">下载</a></li><li><a href="./zh/download-theme.html">主题下载</a></li><li><a href="./zh/download-map.html">地图下载</a></li><li><a href="./zh/download-extension.html">扩展下载</a></li></ul></li><li id="nav-examples"><a href="#" data-toggle="dropdown" class="dropdown-toggle">实例<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="./examples/zh/">官方实例</a></li><li><a href="./examples/zh/index.html#chart-type-globe">GL 实例</a></li></ul></li><li id="nav-community"><a href="#" data-toggle="dropdown" class="dropdown-toggle">社区<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://gallery.echartsjs.com">GALLERY</a></li><li><a href="https://efe.baidu.com/tags/ECharts/">博客</a></li></ul></li><li id="nav-tool"><a href="#" data-toggle="dropdown" class="dropdown-toggle">工具<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="./zh/spreadsheet.html">表格工具</a></li><li><a href="https://ecomfe.github.io/echarts-map-tool/">地图数据在线工具</a></li><li><a href="https://echarts.baidu.com/theme-builder/">主题构建工具</a></li></ul></li><li id="nav-contribute"><a href="#" data-toggle="dropdown" class="dropdown-toggle">贡献<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://github.com/apache/incubator-echarts" target="_blank">源码（GitHub）</a></li><li><a href="https://github.com/apache/incubator-echarts/issues" target="_blank">报 Bug、提需求</a></li><li><a href="./coding-standard.html">代码规范</a></li></ul></li><li id="nav-about"><a href="#" data-toggle="dropdown" class="dropdown-toggle">关于<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://www.apache.org/licenses/">版权声明</a></li><li><a href="./zh/maillist.html">邮件列表</a></li><li><a href="./zh/committers.html">贡献者列表</a></li><li><a href="./zh/dependencies.html">依赖项</a></li><li><a href="./zh/about.html">关于我们</a></li><li><a href="./faq.html">常见问题</a></li></ul></li></ul><ul class="nav navbar-nav navbar-right"><li id="nav-github"><a href="https://github.com/ecomfe/echarts" target="_blank"><img src="./zh/images/github.png" width="18"></a></li><li id="nav-homeen"><a href="javascript:;" onclick="changeLang('en')">EN</a></li></ul></div></div></nav><div id="about-page"><div id="reference"><div class="container"><div id="recommends"><div class="recommend"><p>ECharts 是中国的，也是世界的。</p><div class="person"><div class="title">浙江大学CAD&CG国家重点实验室教授，可视化专家</div><div class="name">陈为</div></div></div><div class="recommend"><p>ECharts，发现数据可视化之美！</p><div class="person"><div class="title">中国传媒大学教授</div><div class="name">沈浩</div></div></div><div class="recommend active"><p>在中国可视化生态系统中，ECharts 通过提供方便丰富的可视化图表，极大缩短了用户与数据的距离。</p><div class="person"><div class="title">北京大学百人计划研究员，可视化专家</div><div class="name">袁晓如</div></div></div><div class="recommend"><p>很高兴ECharts一直保持着可视化的顶尖水平，期待 ECharts 早日动词化的那一天！</p><div class="person"><div class="title">游族网络有限公司 CTO</div><div class="name">李湛</div></div></div><div class="recommend"><p>ECharts 是最让我惊艳的一款数据产品，它满足了甚至超越了我对数据可视化的所有想象，无论是颜值，实用性，还是易用性。</p><div class="person"><div class="title">PPT 设计师 / 数据分析师</div><div class="name">阿文</div></div></div></div></div><div class="container"><div class="people"><img src="images/people/陈为.png"><img src="images/people/沈浩.png"><img src="images/people/袁晓如.png" class="active"><img src="images/people/李湛.png"><img src="images/people/阿文.png"></div></div></div><section class="container contributor"><h3>感谢贡献的人</h3><p>ECharts的发展离不开其背后很多人的卓越贡献，他们有着不同的技能，甚至来自不同的岗位和公司</p><p>感谢每一个人的帮助与支持，更希望以后能有更多的人助力ECharts的成长</p><h4 class="group code">源码贡献</h4><div class="row"><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/pissang" target="_blank"><img src="images/people/沈毅.png"></a><h5 class="about-name">沈毅</h5><div class="about-desc">百度资深前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/100pah" target="_blank"><img src="images/people/宿爽.png"></a><h5 class="about-name">宿爽</h5><div class="about-desc">百度资深前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/Ovilia" target="_blank"><img src="images/people/羡辙.png"></a><h5 class="about-name">羡辙</h5><div class="about-desc">百度高级前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/deqingli" target="_blank"><img src="images/people/德清.png"></a><h5 class="about-name">德清</h5><div class="about-desc">百度高级前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/kener" target="_blank"><img src="images/people/林峰.png"></a><h5 class="about-name">林峰</h5><div class="about-desc">ECharts 创始人</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/erik168" target="_blank"><img src="images/people/erik.png"></a><h5 class="about-name">Erik</h5><div class="about-desc">百度资深前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/firede" target="_blank"><img src="images/people/赵雷.png"></a><h5 class="about-name">赵雷</h5><div class="about-desc">百度资深前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/chriswong" target="_blank"><img src="images/people/大佛.png"></a><h5 class="about-name">黄后锦</h5><div class="about-desc">FECS 作者</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/Justineo" target="_blank"><img src="images/people/顾轶灵.png"></a><h5 class="about-name">顾轶灵</h5><div class="about-desc">百度资深前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/The-only" target="_blank"><img src="images/people/小红.png"></a><h5 class="about-name">邓小红</h5><div class="about-desc">百度前端研发工程师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/wind108369" target="_blank"><img src="images/people/杨骥.png"></a><h5 class="about-name">杨骥</h5><div class="about-desc">社区贡献者</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://github.com/loutongbing" target="_blank"><img src="images/people/娄同兵.png"></a><h5 class="about-name">娄同兵</h5><div class="about-desc">社区贡献者</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person wait-for-you"><a href="https://github.com/ecomfe/echarts" target="_blank"><img src="images/people/weizhi.png"></a><h5 class="about-name">等你贡献</h5></div></div></div><h4 class="group design">产品 / 设计</h4><div class="row"><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/祖明.png"><h5 class="about-name">祖明</h5><div class="about-desc">百度高级技术经理</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/周玉.png"><h5 class="about-name">周玉</h5><div class="about-desc">百度高级项目经理</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><a href="https://www.behance.net/wjtjiayouac8aa" target="_blank"><img src="images/people/王俊婷.png"></a><h5 class="about-name">王俊婷</h5><div class="about-desc">百度视觉设计师</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/黄悦.png"><h5 class="about-name">黄悦</h5><div class="about-desc">交互设计师</div></div></div></div><h4 class="group code">业界支持</h4><div class="row"><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/谢益辉.png"><h5 class="about-name">谢益辉</h5><div class="about-desc">统计之都创始人</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/黄志敏.png"><h5 class="about-name">黄志敏</h5><div class="about-desc">数据工厂创始人</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/桑文锋.png"><h5 class="about-name">桑文锋</h5><div class="about-desc">神策数据 CEO</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/红薯.png"><h5 class="about-name">红薯</h5><div class="about-desc">开源中国创始人</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/魏太云.png"><h5 class="about-name">魏太云</h5><div class="about-desc">统计之都理事会主席<br>recharts 作者</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/周扬.png"><h5 class="about-name">周扬</h5><div class="about-desc">高级数据研究员<br>recharts 作者</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/王琼.png"><h5 class="about-name">王琼</h5><div class="about-desc">武汉大学教授<br>镝数据创始人</div></div></div><div class="col-md-3 col-sm-4 col-xs-6"><div class="about-person"><img src="images/people/JB.png"><h5 class="about-name">Jaroslav Benc</h5><div class="about-desc">R&D Software Engineer<br>at Aviarc New Zealand</div></div></div></div></section><section class="container company"><h3>正在使用的公司</h3><div class="row"><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company1.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company2.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company3.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company4.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company5.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company6.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company7.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company8.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company9.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company10.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company11.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company12.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company13.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company14.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company15.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company16.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company17.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company18.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company19.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company20.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company21.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company22.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company23.png"></div><div class="col-md-3 col-sm-4 col-xs-6"><img src="images/company/company24.png"></div></div><div id="about-send-logo"><a href="mailto:dev@echarts.apache.com?Subject=Please%20add%20our%20company%20in%20ECharts%20ABOUT%20page&amp;Body=Hello%2C%20this%20is%20%3Cyour%20name%3E%20from%20%3Cyour%20company%20name%3E.%0AWe%20are%20using%20ECharts%20and%20will%20be%20proud%20to%20add%20our%20company%20name%20to%20ECharts%20ABOUT%20page.%0APlease%20see%20attachment%20for%20our%20logo.%20%3CBe%20sure%20to%20include%20logo%20in%20attachment%3E%0A%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E6%98%AF%E3%80%90%E5%85%AC%E5%8F%B8%E5%90%8D%E7%A7%B0%E3%80%91%E7%9A%84%E3%80%90%E6%82%A8%E7%9A%84%E5%90%8D%E5%AD%97%E3%80%91%E3%80%82%0D%0A%E6%88%91%E4%BB%AC%E5%85%AC%E5%8F%B8%E4%BD%BF%E7%94%A8%E4%BA%86%20ECharts%20%E5%B9%B6%E4%B8%94%E5%BE%88%E4%B9%90%E6%84%8F%E5%9C%A8%20ECharts%E7%9A%84%E2%80%9C%E5%85%B3%E4%BA%8E%E6%88%91%E4%BB%AC%E2%80%9D%E9%A1%B5%E9%9D%A2%E5%8A%A0%E4%B8%8A%E6%88%91%E4%BB%AC%E5%85%AC%E5%8F%B8%E7%9A%84%20logo%E3%80%82%0D%0A%E8%AF%B7%E5%9C%A8%E9%99%84%E4%BB%B6%E4%B8%AD%E6%9F%A5%E9%98%85%20logo%E3%80%82%E3%80%90%E8%AF%B7%E9%99%84%E4%B8%8A%20logo%20%E5%B9%B6%E5%8F%91%E9%80%81%E7%BB%99%20ECharts%E3%80%91" class="btn btn-thirdary"><img src="images/btn-email.png"><span>发送 LOGO</span></a><p>如果您的公司或产品也在使用 ECharts，欢迎发送 Logo 给我们</p></div></section></div><footer><div class="container"><div class="row"><div class="col-md-3 col-sm-4 logo"><img src="images/echarts-footer-logo.png"></div><div class="col-md-2 col-sm-4 pc"><h3>百度EFE更多产品</h3><ul id="efe-product"><li><a href="https://vis.baidu.com/?fr=echarts" target="_blank">可视化实验室</a></li><li><a href="https://github.com/ecomfe/zrender?fr=echarts" target="_blank">ZRender</a></li><li><a href="https://github.com/pissang/claygl?fr=echarts" target="_blank">ClayGL</a></li><li><a href="https://github.com/PaddlePaddle/VisualDL?fr=echarts" target="_blank">Visual DL</a></li><li><a href="https://ecomfe.github.io/san/?fr=echarts" target="_blank">SAN</a></li></ul></div><div class="col-md-3 col-md-offset-1 col-sm-4 pc"><h3>友情链接</h3><ul><li><a href="https://fex.baidu.com/?fr=echarts" target="_blank">FEX</a></li><li><a href="http://bit.baidu.com/?fr=echarts" target="_blank">百度技术学院</a></li><li><a href="https://git.oschina.net/echarts/echarts?fr=echarts" target="_blank">码云镜像</a></li></ul></div><div id="footer-icon-panel" class="col-md-3"><div class="icon-panel"><a href="mailto:dev@echarts.apache.com?Body=%28Thanks%20for%20using%20ECharts.%20Email%20us%20if%20you%20have%20non-technical%20problems%20using%20ECharts.%20For%20technical%20support%2C%20please%20go%20to%20https%3A//github.com/ecomfe/echarts/issues%20.%29" class="footer-icon"><img src="images/icon-email.png"></a><a href="https://twitter.com/EChartsJs" class="footer-icon"><img src="images/icon-twitter.png"></a><a href="https://weibo.com/u/5160877841" class="footer-icon"><img src="images/icon-weibo.png"></a><a href="https://github.com/ecomfe/echarts" class="footer-icon"><img src="images/icon-github.png"></a></div><div id="echarts-copyright">&#9400; 2017-2019 Apache ECharts (incubating)</div></div></div></div></footer></div><script type="text/javascript" src="./vendors/bootstrap/js/bootstrap.min.js"></script><script type="text/javascript" src="./js/common.js"></script><script type="text/javascript">document.getElementById('nav-about').className = 'active';

var recommendId = 3;
setInterval(function () {
    recommend(recommendId);
    ++recommendId;
    if (recommendId === $('.recommend').length) {
        recommendId = 0;
    }
}, 3000);

function recommend(id) {
    recommendId = id;

    var left = $('.people img').eq(0).remove();
    $('.people').append(left);
    $('.people img').removeClass('active');
    $('.people img').eq(2).addClass('active');

    $('.recommend').removeClass('active');
    $('.recommend').eq(id).addClass('active');
}</script><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?4bad1df23f079e0d12bdbef5e65b072f";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();</script></html>