<!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="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png?_v_=20200710_1"><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/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="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/css/main.css?_v_=08cdd0d259"><script>window.EC_WWW_LANG = 'zh';
</script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pace-progressbar@1.0.2/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><title>ECharts 在线构建</title><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/forie.png?_v_=20200710_1" alt="ie tip"></div></body><![endif]-->
<!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 &nbsp;</p><a id="a1" href="https://echarts.apache.org/zh/index.html">https://echarts.apache.org</a></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn btn-main"><div>访问官网</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><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="https://echarts.apache.org/zh/index.html" class="navbar-brand"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/logo.png?_v_=20200710_1" 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="https://echarts.apache.org/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="https://echarts.apache.org/zh/feature.html">特性</a></li><li><a href="https://echarts.apache.org/zh/tutorial.html">教程</a></li><li><a href="https://echarts.apache.org/zh/api.html">API</a></li><li><a href="https://echarts.apache.org/zh/option.html">配置项手册</a></li><li><a href="https://echarts.apache.org/zh/changelog.html">版本记录</a></li><li><a href="https://echarts.apache.org/zh/faq.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="https://echarts.apache.org/zh/download.html">下载</a></li><li><a href="https://echarts.apache.org/zh/download-theme.html">主题下载</a></li><li><a href="https://echarts.apache.org/zh/download-extension.html">扩展下载</a></li></ul></li><li id="nav-examples"><a href="https://echarts.apache.org/examples/zh/index.html">实例</a></li><li id="nav-resources"><a href="#" data-toggle="dropdown" class="dropdown-toggle">资源<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/zh/spreadsheet.html">表格工具</a></li><li><a href="https://echarts.apache.org/zh/theme-builder.html">主题构建工具</a></li><li><a href="https://echarts.apache.org/zh/cheat-sheet.html">术语速查手册</a></li><li><a href="https://echarts.apache.org/zh/resources.html">更多资源</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://echarts.apache.org/zh/events.html">活动</a></li><li><a href="https://echarts.apache.org/zh/committers.html">贡献者列表</a></li><li><a href="https://echarts.apache.org/zh/maillist.html">邮件列表</a></li><li><a href="https://echarts.apache.org/zh/contributing.html">如何贡献</a></li><li><a href="https://echarts.apache.org/zh/dependencies.html">依赖项</a></li><li><a href="https://echarts.apache.org/zh/coding-standard.html">代码规范</a></li><li><a href="https://github.com/apache/echarts" target="_blank">源码（GitHub）<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li><a href="https://github.com/apache/echarts/issues" target="_blank">Issues（GitHub）<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></li><li id="nav-others"><a href="#" data-toggle="dropdown" class="dropdown-toggle">其他<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://www.apache.org/" target="_blank">Apache Software Foundation<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li><a href="https://echarts.apache.org/zh/security.html">安全</a></li><li><a href="https://www.apache.org/licenses/" target="_blank">版权<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li><a href="https://www.apache.org/events/current-event" target="_blank">活动<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li><a href="https://www.apache.org/foundation/sponsorship.html" target="_blank">捐赠<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li><li><a href="https://www.apache.org/foundation/thanks.html" target="_blank">鸣谢<svg width="15px" height="15px" viewbox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon-external-link"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li></ul></li><li id="nav-ec5"><a href="#" data-toggle="dropdown" class="dropdown-toggle">ECharts 5<span class="new">new</span><b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/next/zh/tutorial.html">教程</a></li><li><a href="https://echarts.apache.org/next/zh/api.html">API</a></li><li><a href="https://echarts.apache.org/next/zh/option.html">配置项手册</a></li><li><a href="https://echarts.apache.org/next/examples/zh/index.html">实例</a></li></ul></li></ul><ul class="nav navbar-nav navbar-right"><li id="nav-homeen"><a href="javascript:;" onclick="changeLang('en')">EN</a></li><li id="nav-apache"><a href="https://www.apache.org/" target="_blank"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/asf_logo_white.png?_v_=20200710_1"></a></li></ul></div></div></nav><div class="page-main"><div id="builder"><div class="page-info"><div id="title" class="container"><h1>在线定制</h1><p>可自由选择所需图表、坐标系、组件进行打包下载。</p><p>注意：打包的源文件来自 jsdelivr CDN，非 Apache 官方源代码和编译产物</p><div class="download-version"><span>选择版本</span><select id="versions"></select></div></div></div><div class="page-content"><div id="configuration" class="container"><section id="charts"><h3>图表<span>chart</span></h3><p class="desc">选择要打包的图表<span class="warn">（注：开发环境建议不压缩代码，代码压缩会去掉大部分常见的警告和错误提示）</span></p><ul><li class="checked"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/bar.svg?_v_=20200710_1" alt=""><input type="checkbox" name="bar"><h5>柱状图 <div>Bar</div></h5></li><li class="checked"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/line.svg?_v_=20200710_1" alt=""><input type="checkbox" name="line"><h5>折线图 <div>Line</div></h5></li><li class="checked"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/pie.svg?_v_=20200710_1" alt=""><input type="checkbox" name="pie"><h5>饼图 <div>Pie</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/scatter.svg?_v_=20200710_1" alt=""><input type="checkbox" name="scatter"><h5>散点图 <div>Scatter</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/effectScatter.svg?_v_=20200710_1" alt=""><input type="checkbox" name="effectScatter"><h5>涟漪散点图 <div>EffectScatter</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/candlestick.svg?_v_=20200710_1" alt=""><input type="checkbox" name="candlestick"><h5>K线图 <div>Candlestick</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/radar.svg?_v_=20200710_1" alt=""><input type="checkbox" name="radar"><h5>雷达图 <div>Radar</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/heatmap.svg?_v_=20200710_1" alt=""><input type="checkbox" name="heatmap"><h5>热力图 <div>Heatmap</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/tree.svg?_v_=20200710_1" alt=""><input type="checkbox" name="tree"><h5>树图 <div>Tree</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/treemap.svg?_v_=20200710_1" alt=""><input type="checkbox" name="treemap"><h5>矩形树图 <div>Treemap</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/sunburst.svg?_v_=20200710_1" alt=""><input type="checkbox" name="sunburst"><h5>旭日图 <div>Sunburst</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/map.svg?_v_=20200710_1" alt=""><input type="checkbox" name="map"><h5>地图 <div>Map</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/lines.svg?_v_=20200710_1" alt=""><input type="checkbox" name="lines"><h5>线图 <div>Lines</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/graph.svg?_v_=20200710_1" alt=""><input type="checkbox" name="graph"><h5>关系图 <div>Graph</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/boxplot.svg?_v_=20200710_1" alt=""><input type="checkbox" name="boxplot"><h5>箱线图 <div>Boxplot</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/parallel.svg?_v_=20200710_1" alt=""><input type="checkbox" name="parallel"><h5>平行坐标 <div>Parallel</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/gauge.svg?_v_=20200710_1" alt=""><input type="checkbox" name="gauge"><h5>仪表盘 <div>Gauge</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/funnel.svg?_v_=20200710_1" alt=""><input type="checkbox" name="funnel"><h5>漏斗图 <div>Funnel</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/sankey.svg?_v_=20200710_1" alt=""><input type="checkbox" name="sankey"><h5>桑基图 <div>Sankey</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/themeRiver.svg?_v_=20200710_1" alt=""><input type="checkbox" name="themeRiver"><h5>主题河流图 <div>ThemeRiver</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/pictorialBar.svg?_v_=20200710_1" alt=""><input type="checkbox" name="pictorialBar"><h5>象形柱图 <div>PictorialBar</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/chart/custom.svg?_v_=20200710_1" alt=""><input type="checkbox" name="custom"><h5>自定义系列 <div>Custom</div></h5></li></ul></section><section id="coords"><h3>坐标系<span>coordinate systems</span></h3><p class="desc">选择要打包的坐标系，有些图表像散点图，折线图可以被应用到多个坐标系上</p><ul><li class="checked"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/gridSimple.svg?_v_=20200710_1" alt=""><input type="checkbox" name="gridSimple"><h5>直角坐标系 <div>Grid</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/polar.svg?_v_=20200710_1" alt=""><input type="checkbox" name="polar"><h5>极坐标系 <div>Polar</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/geo.svg?_v_=20200710_1" alt=""><input type="checkbox" name="geo"><h5>地理坐标系 <div>Geo</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/singleAxis.svg?_v_=20200710_1" alt=""><input type="checkbox" name="singleAxis"><h5>单轴 <div>SingleAxis</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/calendar.svg?_v_=20200710_1" alt=""><input type="checkbox" name="calendar"><h5>日历 <div>Calendar</div></h5></li></ul></section><section id="components"><h3>组件<span>component</span></h3><p class="desc">选择要打包的组件</p><ul><li class="checked"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/title.svg?_v_=20200710_1" alt=""><input type="checkbox" name="title"><h5>标题 <div>Title</div></h5></li><li class="checked"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/legend.svg?_v_=20200710_1" alt=""><input type="checkbox" name="legendScroll"><h5>图例 <div>Legend</div></h5></li><li class="checked"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/tooltip.svg?_v_=20200710_1" alt=""><input type="checkbox" name="tooltip"><h5>提示框 <div>Tooltip</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/markPoint.svg?_v_=20200710_1" alt=""><input type="checkbox" name="markPoint"><h5>标注 <div>MarkPoint</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/markLine.svg?_v_=20200710_1" alt=""><input type="checkbox" name="markLine"><h5>标线 <div>MarkLine</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/markArea.svg?_v_=20200710_1" alt=""><input type="checkbox" name="markArea"><h5>标域 <div>MarkArea</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/timeline.svg?_v_=20200710_1" alt=""><input type="checkbox" name="timeline"><h5>时间轴 <div>Timeline</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/dataZoom.svg?_v_=20200710_1" alt=""><input type="checkbox" name="dataZoom"><h5>数据区域缩放 <div>DataZoom</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/brush.svg?_v_=20200710_1" alt=""><input type="checkbox" name="brush"><h5>刷选 <div>Brush</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/visualMap.svg?_v_=20200710_1" alt=""><input type="checkbox" name="visualMap"><h5>视觉映射 <div>VisualMap</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/toolbox.svg?_v_=20200710_1" alt=""><input type="checkbox" name="toolbox"><h5>工具栏 <div>Toolbox</div></h5></li><li><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/builder/component/graphic.svg?_v_=20200710_1" alt=""><input type="checkbox" name="graphic"><h5>自定义图形 <div>Graphic</div></h5></li></ul></section><section id="other"><h3>其它选项<span>others</span></h3><div class="other-option"><input type="checkbox" id="svg" name="svg"><label for="svg">SVG 渲染</label><p class="desc">是否包括 SVG 渲染器，从而能支持使用 SVG 来绘制图表</p></div><div class="other-option"><input type="checkbox" id="vml" name="vml"><label for="vml">兼容 IE8</label><p class="desc">是否包括对 IE8 的兼容代码</p></div><div class="other-option"><input type="checkbox" id="api" name="api" checked="checked"><label for="api">工具集</label><p class="desc">是否在 echarts 对象上挂载常用工具集。一般都会挂载，除非对生成的文件的体积有苛求，并且不需要用这些工具集。</p></div><div class="other-option"><input type="checkbox" id="compress" name="compress" checked="checked"><label for="compress">代码压缩</label><p class="desc">是否使用 UglifyJS 压缩后的代码，开发环境建议不压缩代码，代码压缩会去掉大部分常见的警告和错误提示。</p></div></section></div><div id="action"><a id="build" href="javascript:;" class="btn btn-main btn-thirdary">下载</a></div></div></div><footer><div class="container"><div class="row"><div class="col-md-9"><p>Copyright © 2017-2020, The Apache Software Foundation Apache ECharts, ECharts, Apache, the Apache feather, and the Apache ECharts project logo are either registered trademarks or trademarks of the Apache Software Foundation.</p><div class="icon-panel"><a href="mailto:dev@echarts.apache.org?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/apache/echarts/issues%20.%29" class="footer-icon"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/icon-email.png?_v_=20200710_1"></a><a href="https://twitter.com/EChartsJs" class="footer-icon"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/icon-twitter.png?_v_=20200710_1"></a><a href="https://weibo.com/u/5160877841" class="footer-icon"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/icon-weibo.png?_v_=20200710_1"></a><a href="https://github.com/apache/echarts" class="footer-icon"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/icon-github.png?_v_=20200710_1"></a></div></div><div id="footer-icon-panel" class="col-md-3"><a href="https://www.apache.org"><img src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/asf_logo.svg?_v_=20200710_1" class="footer-apache-logo"></a></div></div></div></footer></div></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/js/common.js?_v_=b5b8944fb9"></script><script src="https://cdn.jsdelivr.net/npm/compare-versions@3.6.0/index.min.js"></script><script>var $versionsDom = document.querySelector('#versions');

fetch('https://data.jsdelivr.com/v1/package/npm/echarts', {
    mode: 'cors'
}).then(res => res.json()).then(json => {
    const versions = json.versions.filter(version => compareVersions(version, '3.8.0') >= 0);
    versions.forEach(version => {
        const $optionDom = document.createElement('option');
        $optionDom.value = version;
        $optionDom.innerHTML = version;
        $versionsDom.appendChild($optionDom);
    });
    $versionsDom.value = json.tags.latest;
});

function updateCheckbox() {
    $('#charts input, #components input, #coords input').each(function () {
        $(this).attr('checked', $(this).parent().hasClass('checked'));
    });
}

$('#charts li, #components li, #coords li').click(function () {
    $(this).toggleClass('checked');

    updateCheckbox();
});

updateCheckbox();

// Build
$("#build").click(function () {
    var charts = [];
    $('#charts .checked input').each(function () {
        charts.push($(this).attr('name'));
    });

    var components = [];
    $('#coords .checked input').each(function () {
        components.push($(this).attr('name'));
    });
    $('#components .checked input').each(function () {
        components.push($(this).attr('name'));
    });

    var parameters = 'charts=' + charts.join(',') + '&components=' + components.join(',');

    if (!$('#compress').prop('checked')) {
        parameters += '&source=true';
    }
    if ($('#vml').prop('checked')) {
        parameters += '&vml=true';
    }
    if ($('#svg').prop('checked')) {
        parameters += '&svg=true';
    }
    if ($('#api').prop('checked')) {
        parameters += '&api=true';
    }

    parameters += `&version=${$versionsDom.value || ''}`;

    //- var email = $('#email').val();
    var log = parameters;
    //- if (email) {
    //-     log += '&email=' + email;
    //- }
    _hmt.push(['_trackEvent', 'builder', 'build', '5.0.0', log]);

    window.open('https://echarts.apache.org/zh/builder/echarts.html?' + parameters);
});</script><!-- Baidu Tongji--><script type="text/javascript">var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");

hm.src = "https://hm.baidu.com/hm.js?54b918eee37cb8a7045f0fd0f0b24395";

var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><!-- Google Analytics--><script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=UA-141228404-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-141228404-1');</script></html>