layouts/example-simple.html (22 lines of code) (raw):
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"><meta name="description" content="Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。"><meta name="keywords" content="echarts,apache,charts,data-visualization,charting-library,visualization,data-viz,canvas,svg,plot,graph"><link rel="shortcut icon" href="https://echarts.apache.org/zh/images/favicon.png?_v_=20240226"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/./js/vendors/bootstrap@3.3.7/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="https://echarts.apache.org/zh/css/main.css?_v_=8ad5809274"><script>window.EC_WWW_LANG = 'zh';
</script><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/pace-js@1.2.4/pace.min.js"></script><script id="font-hack" type="text/javascript">if (/windows/i.test(navigator.userAgent)) {
var el = document.createElement('style');
el.innerText = ''
+ '@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>Examples - Apache ECharts</title><style>html, body {
/* position: sticky should not have overflow parents.*/
overflow-x: hidden;
}</style><link rel="stylesheet" href="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/lib/theme-chalk/index.css"><link rel="stylesheet" href="https://echarts.apache.org/examples/css/example-bundle.css?_v_=474393a562"><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/jquery@3.7.1/dist/jquery.min.js"></script></head><!--[if lte IE 8]><body class="lower-ie"><div id="lowie-main"><img src="https://echarts.apache.org/zh/images/forie.png?_v_=20240226" alt="ie tip"></div></body><![endif]-->
<!--[if (gt IE 8)|!(IE)]><body></body><![endif]--><noscript><div class="no-script"><strong>很抱歉，Apache ECharts 网站需要启用 JavaScript 才能正常运行。</strong></div></noscript><div id="apache-banner"><div class="txt"><p>请访问 Apache ECharts 的官网 </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"><div id="ec-example-main"></div></div><script type="text/javascript" src="https://echarts.apache.org/zh/./js/vendors/bootstrap@3.3.7/js/bootstrap.min.js"></script><script type="text/javascript" src="https://echarts.apache.org/zh/js/common.js?_v_=dc080d98a9"></script><script type="text/javascript">window.ECHARTS_WWW_VENDORS_CDN_ROOT = 'https://echarts.apache.org/zh/js/vendors/';
</script><script src="https://echarts.apache.org/zh/./js/vendors/vue@2.6.14/vue.min.js"></script><script src="https://echarts.apache.org/zh/./js/vendors/element-ui@2.15.14/index.js"></script><script src="https://echarts.apache.org/examples/js/example-bundle.js?_v_=1457600e75"></script><script type="text/javascript">window.EC_WWW_CDN_PAY_ROOT = 'https://echarts.apache.org';
window.globalArgsExtra.version = '1744356719901';
window.globalArgsExtra.cdnRoot = window.EC_WWW_CDN_PAY_ROOT + '/examples';
echartsExample.init('#ec-example-main', window.globalArgsExtra);
// Remove apache banner
const dom = document.getElementById('apache-banner');
if (dom && dom.parentNode) {
dom.parentNode.removeChild(dom);
}</script></html>