echarts3-docs
/
download-theme.html

<!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" 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-_v_=1510583274902.css"><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><title>ECharts 主题下载</title><link rel="stylesheet" type="text/css" href="vendors/prettify/prettify.css"><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="index.html" class="navbar-brand"><img src="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="index.html">首页</a></li><li id="nav-doc" class="dropdown"><a href="download-theme.html#" data-toggle="dropdown" class="dropdown-toggle">文档<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="feature.html">特性</a></li><li><a href="tutorial.html">教程</a></li><li><a href="api.html">API</a></li><li><a href="option.html">配置项手册</a></li><li><a href="option-gl.html">GL 配置项手册</a></li><li><a href="faq.html">常见问题</a></li><li><a href="changelog.html">版本记录</a></li></ul></li><li id="nav-download" class="dropdown"><a href="download-theme.html#" data-toggle="dropdown" class="dropdown-toggle">下载<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="download.html">下载</a></li><li><a href="download-theme.html">主题下载</a></li><li><a href="download-map.html">地图下载</a></li><li><a href="download-extension.html">扩展下载</a></li></ul></li><li id="nav-examples"><a href="download-theme.html#" data-toggle="dropdown" class="dropdown-toggle">实例<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="examples.html">官方实例</a></li><li><a href="http://gallery.echartsjs.com/explore.html#tags=echarts-gl">GL 实例</a></li></ul></li><li id="nav-community"><a href="download-theme.html#" data-toggle="dropdown" class="dropdown-toggle">社区<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="http://gallery.echartsjs.com">GALLERY</a></li><li><a href="http://efe.baidu.com/tags/ECharts/">博客</a></li></ul></li><li id="nav-tool"><a href="download-theme.html#" data-toggle="dropdown" class="dropdown-toggle">工具<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="spreadsheet.html">表格工具</a></li><li><a href="theme-builder/index.html">主题构建工具</a></li></ul></li><li id="nav-about"><a href="download-theme.html#" data-toggle="dropdown" class="dropdown-toggle">关于<b class="caret"></b></a><ul class="dropdown-menu"><li><a href="about.html">关于我们</a></li><li><a href="https://github.com/ecomfe/echarts/blob/master/LICENSE">版权声明</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="images/github.png" width="18"></a></li><li id="nav-homeen"><a href="https://ecomfe.github.io/echarts-doc/public/en/index.html">EN</a></li></ul></div></div></nav><div class="page-info"><div id="themes" class="container"><h1>主题下载</h1><p>让你的图表整体换个装，除了官方提供的主题之外，还可以定制你自己的主题</p></div></div><div id="themes" class="page-content container"><div class="row"><div class="col-sm-4 theme"><a href="asset/theme/vintage.js" download="vintage.js" target="_blank" class="download-theme"><img src="asset/theme/thumb/vintage.png" alt=""></a><p>vintage</p></div><div class="col-sm-4 theme"><a href="asset/theme/dark.js" download="dark.js" target="_blank" class="download-theme"><img src="asset/theme/thumb/dark.png" alt=""></a><p>dark</p></div><div class="col-sm-4 theme"><a href="asset/theme/macarons.js" download="macarons.js" target="_blank" class="download-theme"><img src="asset/theme/thumb/macarons.png" alt=""></a><p>macarons</p></div><div class="col-sm-4 theme"><a href="asset/theme/infographic.js" download="infographic.js" target="_blank" class="download-theme"><img src="asset/theme/thumb/infographic.png" alt=""></a><p>infographic</p></div><div class="col-sm-4 theme"><a href="asset/theme/shine.js" download="shine.js" target="_blank" class="download-theme"><img src="asset/theme/thumb/shine.png" alt=""></a><p>shine</p></div><div class="col-sm-4 theme"><a href="asset/theme/roma.js" download="roma.js" target="_blank" class="download-theme"><img src="asset/theme/thumb/roma.png" alt=""></a><p>roma</p></div></div></div><section id="theme-configure-section" class="section-bg"><div class="container"><div id="theme-builder"><a href="theme-builder/index.html" class="btn btn-thirdary more-btn">定制主题</a><p>可在线编辑定义主题并进行下载</p></div></div></section><section><div class="container"><div id="theme-example"><h4>主题使用示例</h4><pre class="html">&lt;script src="echarts.js"&gt;&lt;/script&gt;
&lt;!-- 引入 vintage 主题 --&gt;
&lt;script src="theme/vintage.js"&gt;&lt;/script&gt;
&lt;script&gt;
// 第二个参数可以指定前面引入的主题
var chart = echarts.init(document.getElementById('main'), 'vintage');
chart.setOption({
    ...
});
&lt;/script&gt;
</pre></div></div></section><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="http://tushuo.baidu.com/?fr=echarts" target="_blank">图说</a></li><li><a href="https://ecomfe.github.io/san/?fr=echarts" target="_blank">SAN</a></li><li><a href="http://ecomfe.github.io/edp/?fr=echarts" target="_blank">EDP</a></li><li><a href="http://github.com/ecomfe/zrender?fr=echarts" target="_blank">ZRender</a></li><li><a href="http://fecs.baidu.com/?fr=echarts" target="_blank">FECS</a></li><li><a href="http://ecomfe.github.io/fontmin/?fr=echarts" target="_blank">Fontmin</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:echarts@baidu.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="http://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 百度 ECharts 团队出品</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 src="vendors/prettify/prettify.js"></script><script src="vendors/prettify/lang-css.js"></script><script src="js/log.js"></script><script>$('pre').addClass('prettyprint');
prettyPrint();

$('.download-theme').click(function () {
    ecLog({
        page: 'download-theme',
        key: 'download-theme',
        file: $(this).attr('download'),
        version: '3.8.4'
    });
});</script></html>