| <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="https://echarts.cdn.apache.org/examples/vendors/bootstrap/css/bootstrap.css"><link rel="shortcut icon" href="https://echarts.cdn.apache.org/examples/images/favicon.png"><!-- 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://echarts.cdn.apache.org/examples/stylesheets/main.css?_v_=1590053975637"><title>Examples - Apache ECharts (incubating)</title><script type="text/javascript">window.EC_DEMO_LANG = 'en'; |
| </script></head><body><div id="apache-banner"><div class="txt"><p>Apache ECharts is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.</p><p>We are working on redirecting this Website to <a href="https://echarts.apache.org" target="_blank">https://echarts.apache.org</a>. You may visit our new official Website now for the latest information.</p></div><a href="https://echarts.apache.org" target="_blank" onclick="logApache()" class="btn"><div>Visit Official Website</div></a><a href="javascript:;" onclick="closeApacheBanner(true)" class="close-btn">x</a></div><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/en/index.html" class="navbar-brand"><img src="https://echarts.cdn.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">Documents<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/cheat-sheet.html">Cheat Sheet<span class="new">NEW</span></a></li><li><a href="https://echarts.apache.org/en/option.html">Chart Configuration</a></li><li><a href="https://echarts.apache.org/en/option-gl.html">GL Configuration (Chinese)</a></li><li><a href="https://echarts.apache.org/en/changelog.html">Changelog</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="#" data-toggle="dropdown" class="dropdown-toggle">Examples<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/examples/en/index.html">ECharts Examples</a></li><li><a href="https://echarts.apache.org/examples/en/index.html#chart-type-globe">GL Examples</a></li></ul></li><li id="nav-contribute"><a href="#" data-toggle="dropdown" class="dropdown-toggle">Contribute<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://github.com/apache/incubator-echarts" target="_blank">Source Code (GitHub)</a></li><li><a href="https://github.com/apache/incubator-echarts/issues" target="_blank">Issue Tracking</a></li><li><a href="https://echarts.apache.org/en/coding-standard.html">Code Standard</a></li></ul></li><li id="nav-about"><a href="#" data-toggle="dropdown" class="dropdown-toggle">About<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="https://echarts.apache.org/en/committers.html">Committers</a></li><li><a href="https://www.apache.org/licenses/">License</a></li><li><a href="https://echarts.apache.org/en/maillist.html">Mailing List</a></li><li><a href="https://echarts.apache.org/en/dependencies.html">Dependencies</a></li><li><a href="https://echarts.apache.org/en/faq.html">FAQ</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="https://echarts.cdn.apache.org/en/images/github.png" width="18"></a></li><li id="nav-homeen"><a href="javascript:;" onclick="changeLang('zh')">中文</a></li></ul></div></div></nav><script type="text/javascript">var selector = window.EC_DEMO_LANG === 'en' ? 'nav-start' : 'nav-examples'; |
| var menu = document.getElementById(selector); |
| if (menu) { |
| menu.className = 'active'; |
| } |
| </script><div id="left-chart-nav"><ul></ul></div><div id="explore-container"><div id="toolbar"><div id="theme"><span>Theme:</span><a href="./index.html" title="default" class="default"><span></span></a><a href="./index.html?theme=light" title="light" class="light"><span></span></a><a href="./index.html?theme=dark" title="dark" class="dark"><span></span></a></div></div><div class="chart-list-panel"></div></div><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/vendors/jquery/jquery.js"></script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/vendors/bootstrap/js/bootstrap.js"></script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/vendors/lodash.js"></script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/javascripts/common.js"></script><script type="text/javascript">function changeLang(lang) { |
| if (lang === 'en') { |
| if (location.hostname !== 'echarts.apache.org') { |
| var re = new RegExp('/zh/', 'g'); |
| var pathname = location.pathname.replace(re, '/en/'); |
| |
| var url = 'https://echarts.apache.org' + pathname |
| + location.search + location.hash; |
| location.href = url; |
| return; |
| } |
| } |
| location.href = location.href.replace( |
| new RegExp('/(zh|en)/', 'g'), '/' + lang + '/' |
| ); |
| } |
| |
| window.EC_EXAMPLE_IS_GL = (function () { |
| var urlParams = (location.search || '').replace(/^\?/, '').split('&'); |
| for (var i = 0; i < urlParams.length; i++) { |
| var kv = urlParams[i].split('='); |
| if (kv[0] === 'gl' && kv[1] && kv[1] !== '0') { |
| return true; |
| } |
| } |
| return false; |
| })(); |
| |
| // ROOT_PATH is also used in example js. So we also use https://echarts.cdn.apache.org/examples. |
| // But echarts-gl do not support CORS yet, still use same origin. |
| window.ROOT_PATH = EC_EXAMPLE_IS_GL ? 'https://echarts.apache.org/examples/' : 'https://echarts.cdn.apache.org/examples/'; |
| window.CDN_ROOT_PATH = 'https://echarts.cdn.apache.org/examples/'; |
| </script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/vendors/waypoint.js"></script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/vendors/jquery.lazyload.min.js"></script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/javascripts/chart-list-data.js?_v_=1590053975637"></script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/javascripts/chart-list-data-gl.js?_v_=1590053975637"></script><script type="text/javascript" src="https://echarts.cdn.apache.org/examples/javascripts/chart-list.js?_v_=1590053975637"></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></body></html> |