| <!--[if (gt IE 8)|!(IE)]><body class="undefined"></body><![endif]--><div id="apache-banner"><div class="txt"><p>Please visit the official Apache ECharts Website at</p><a id="a2" 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>Visit Official Website</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><div id="main"><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><nav role="navigation" 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/en/index.html" class="navbar-brand"><img src="https://echarts.apache.org/en/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="https://echarts.apache.org/en/index.html">Home</a></li><li id="nav-doc" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Docs<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/en/feature.html">Features</a></li><li><a href="https://echarts.apache.org/en/tutorial.html">Tutorials</a></li><li><a href="https://echarts.apache.org/en/api.html">API</a></li><li><a href="https://echarts.apache.org/en/option.html">Chart Configuration</a></li><li><a href="https://echarts.apache.org/en/changelog.html">Changelog</a></li><li><a href="https://echarts.apache.org/en/faq.html">FAQ</a></li></ul></li><li id="nav-download" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Download<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/en/download.html">Download</a></li><li><a href="https://echarts.apache.org/en/download-theme.html">Download Themes</a></li><li><a href="https://echarts.apache.org/en/download-extension.html">Download Extensions</a></li></ul></li><li id="nav-examples"><a href="https://echarts.apache.org/examples/en/index.html">Examples</a></li><li id="nav-resources"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Resources<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/en/spreadsheet.html">Spread Sheet Tool</a></li><li><a href="https://echarts.apache.org/en/theme-builder.html">Theme Builder</a></li><li><a href="https://echarts.apache.org/en/cheat-sheet.html">Cheat Sheet</a></li><li><a href="https://echarts.apache.org/en/resources.html">More Resources</a></li></ul></li><li id="nav-contribute"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Community<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/en/events.html">Events</a></li><li><a href="https://echarts.apache.org/en/committers.html">Committers</a></li><li><a href="https://echarts.apache.org/en/maillist.html">Mailing List</a></li><li><a href="https://echarts.apache.org/en/contributing.html">How to Contribute</a></li><li><a href="https://echarts.apache.org/en/dependencies.html">Dependencies</a></li><li><a href="https://echarts.apache.org/en/coding-standard.html">Code Standard</a></li><li><a href="https://github.com/apache/echarts" target="_blank">Source Code (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">Others<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/en/security.html">Security</a></li><li><a href="https://www.apache.org/licenses/" target="_blank">License<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">Events<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">Sponsorship<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">Thanks<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/en/tutorial.html">Tutorials</a></li><li><a href="https://echarts.apache.org/next/en/api.html">API</a></li><li><a href="https://echarts.apache.org/next/en/option.html">Chart Configuration</a></li><li><a href="https://echarts.apache.org/next/examples/en/index.html">Examples</a></li></ul></li></ul><ul class="nav navbar-nav navbar-right"><li id="nav-homeen"><a href="javascript:;" onclick="changeLang('zh')">中文</a></li><li id="nav-apache"><a href="https://www.apache.org/" target="_blank"><img src="https://echarts.apache.org/en/images/asf_logo_white.png?_v_=20200710_1"></a></li></ul></div></div></nav></nav><div class="page-main"><div class="page-info"><h1>Cheat Sheet</h1><p>Learn the component names quickly.</p><p class="page-info-echarts">Apache ECharts<sup>TM</sup></p></div><div class="page-content container page-cheatsheet"><h2>Frequently-used Components</h2><div id="cheat-chart-container"><div class="row"><div class="col-lg-9"><div id="cheat-chart"></div></div><div class="col-lg-3"><div id="cheat-detail"></div></div></div></div><h2>Series</h2><ul><li class="cheat-chart-item"><a href="option.html#series-bar" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/bar.svg?_v_=20200710_1" alt=""><h5><div>Bar</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-line" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/line.svg?_v_=20200710_1" alt=""><h5><div>Line</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-pie" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/pie.svg?_v_=20200710_1" alt=""><h5><div>Pie</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-scatter" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/scatter.svg?_v_=20200710_1" alt=""><h5><div>Scatter</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-effectScatter" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/effectScatter.svg?_v_=20200710_1" alt=""><h5><div>EffectScatter</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-candlestick" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/candlestick.svg?_v_=20200710_1" alt=""><h5><div>Candlestick</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-radar" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/radar.svg?_v_=20200710_1" alt=""><h5><div>Radar</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-heatmap" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/heatmap.svg?_v_=20200710_1" alt=""><h5><div>Heatmap</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-tree" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/tree.svg?_v_=20200710_1" alt=""><h5><div>Tree</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-treemap" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/treemap.svg?_v_=20200710_1" alt=""><h5><div>Treemap</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-sunburst" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/sunburst.svg?_v_=20200710_1" alt=""><h5><div>Sunburst</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-map" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/map.svg?_v_=20200710_1" alt=""><h5><div>Map</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-lines" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/lines.svg?_v_=20200710_1" alt=""><h5><div>Lines</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-graph" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/graph.svg?_v_=20200710_1" alt=""><h5><div>Graph</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-boxplot" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/boxplot.svg?_v_=20200710_1" alt=""><h5><div>Boxplot</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-parallel" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/parallel.svg?_v_=20200710_1" alt=""><h5><div>Parallel</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-gauge" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/gauge.svg?_v_=20200710_1" alt=""><h5><div>Gauge</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-funnel" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/funnel.svg?_v_=20200710_1" alt=""><h5><div>Funnel</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-sankey" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/sankey.svg?_v_=20200710_1" alt=""><h5><div>Sankey</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-themeRiver" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/themeRiver.svg?_v_=20200710_1" alt=""><h5><div>ThemeRiver</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-pictorialBar" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/pictorialBar.svg?_v_=20200710_1" alt=""><h5><div>PictorialBar</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-custom" target="_blank"><img src="https://echarts.apache.org/en/images/builder/chart/custom.svg?_v_=20200710_1" alt=""><h5><div>Custom</div></h5></a></li></ul><h2>Coordinates</h2><ul><li class="cheat-chart-item"><a href="option.html#grid" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/gridSimple.svg?_v_=20200710_1" alt=""><h5><div>Grid</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#polar" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/polar.svg?_v_=20200710_1" alt=""><h5><div>Polar</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#geo" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/geo.svg?_v_=20200710_1" alt=""><h5><div>Geo</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#singleAxis" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/singleAxis.svg?_v_=20200710_1" alt=""><h5><div>SingleAxis</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#calendar" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/calendar.svg?_v_=20200710_1" alt=""><h5><div>Calendar</div></h5></a></li></ul><h2>Components</h2><ul><li class="cheat-chart-item"><a href="option.html#title" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/title.svg?_v_=20200710_1" alt=""><h5><div>Title</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#legend" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/legend.svg?_v_=20200710_1" alt=""><h5><div>Legend</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#tooltip" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/tooltip.svg?_v_=20200710_1" alt=""><h5><div>Tooltip</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-line.markPoint" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/markPoint.svg?_v_=20200710_1" alt=""><h5><div>MarkPoint</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-line.markLine" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/markLine.svg?_v_=20200710_1" alt=""><h5><div>MarkLine</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#series-line.markArea" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/markArea.svg?_v_=20200710_1" alt=""><h5><div>MarkArea</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#timeline" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/timeline.svg?_v_=20200710_1" alt=""><h5><div>Timeline</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#dataZoom" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/dataZoom.svg?_v_=20200710_1" alt=""><h5><div>DataZoom</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#brush" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/brush.svg?_v_=20200710_1" alt=""><h5><div>Brush</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#visualMap" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/visualMap.svg?_v_=20200710_1" alt=""><h5><div>VisualMap</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#toolbox" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/toolbox.svg?_v_=20200710_1" alt=""><h5><div>Toolbox</div></h5></a></li><li class="cheat-chart-item"><a href="option.html#graphic" target="_blank"><img src="https://echarts.apache.org/en/images/builder/component/graphic.svg?_v_=20200710_1" alt=""><h5><div>Graphic</div></h5></a></li></ul></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://echarts.apache.org/en/images/icon-email.png?_v_=20200710_1"></a><a href="https://twitter.com/EChartsJs" class="footer-icon"><img src="https://echarts.apache.org/en/images/icon-twitter.png?_v_=20200710_1"></a><a href="https://weibo.com/u/5160877841" class="footer-icon"><img src="https://echarts.apache.org/en/images/icon-weibo.png?_v_=20200710_1"></a><a href="https://github.com/apache/echarts" class="footer-icon"><img src="https://echarts.apache.org/en/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://echarts.apache.org/en/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://echarts.apache.org/en/js/common.js?_v_=b5b8944fb9"></script><script type="text/javascript">document.getElementById('nav-resources').className = 'active'; |
