blob: f236c92c3b52c43c3f608a1689e95b9b86855d03 [file] [log] [blame]
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="zh"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="zh"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="zh"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="zh"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<!-- Open Graph -->
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:url" content="http://echarts.baidu.com/blog/">
<meta property="og:site_name" content="">
<link rel="canonical" href="http://echarts.baidu.com/blog/">
<link href="http://echarts.baidu.com/blog/feed.xml" type="application/atom+xml" rel="alternate" title=" Feed">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- For all browsers -->
<link rel="stylesheet" href="http://echarts.baidu.com/blog/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="http://echarts.baidu.com/blog/assets/css/main.css">
<meta http-equiv="cleartype" content="on">
<!-- Load Modernizr -->
<script src="http://echarts.baidu.com/blog/assets/js/vendor/modernizr-2.6.2.custom.min.js"></script>
<!-- Icons -->
<!-- 16x16 -->
<link rel="shortcut icon" href="http://echarts.baidu.com/blog/favicon.ico">
<!-- 32x32 -->
<link rel="shortcut icon" href="http://echarts.baidu.com/blog/favicon.png">
<!-- 57x57 (precomposed) for iPhone 3GS, pre-2011 iPod Touch and older Android devices -->
<link rel="apple-touch-icon-precomposed" href="http://echarts.baidu.com/blog/images/apple-touch-icon-precomposed.png">
<!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://echarts.baidu.com/blog/images/apple-touch-icon-72x72-precomposed.png">
<!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://echarts.baidu.com/blog/images/apple-touch-icon-114x114-precomposed.png">
<!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://echarts.baidu.com/blog/images/apple-touch-icon-144x144-precomposed.png">
</head>
<body id="post-index" >
<!--[if lt IE 9]><div class="upgrade"><strong><a href="http://whatbrowser.org/">Your browser is quite old!</strong> Why not upgrade to a different browser to better enjoy this site?</a></div><![endif]-->
<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="http://echarts.baidu.com/index.html" class="navbar-brand">
<img src="http://echarts.baidu.com/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="http://echarts.baidu.com/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="http://echarts.baidu.com/feature.html">特性</a></li>
<li><a href="http://echarts.baidu.com/tutorial.html">教程</a></li>
<li><a href="http://echarts.baidu.com/api.html">API</a></li>
<li><a href="http://echarts.baidu.com/option.html">配置项手册</a></li>
<li><a href="http://echarts.baidu.com/faq.html">常见问题</a></li>
<li><a href="http://echarts.baidu.com/changelog.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="http://echarts.baidu.com/download.html">下载</a></li>
<li><a href="http://echarts.baidu.com/download-theme.html">主题下载</a></li>
<li><a href="http://echarts.baidu.com/download-map.html">地图下载</a></li>
<li><a href="http://echarts.baidu.com/download-extension.html">扩展下载</a></li>
</ul>
</li>
<li id="nav-examples">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">实例<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="http://echarts.baidu.com/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" class="active">
<a href="#" 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://echarts.baidu.com/blog">博客</a></li>
</ul>
</li>
<li id="nav-tool">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">工具<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="http://echarts.baidu.com/spreadsheet.html">表格工具</a></li>
<li><a href="http://ecomfe.github.io/echarts-map-tool/">地图数据在线工具</a></li>
<li><a href="http://echarts.baidu.com/theme-builder/">主题构建工具</a></li>
</ul>
</li>
<li id="nav-about"><a href="http://echarts.baidu.com/about.html">关于</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li id="nav-github"><a href="https://github.com/ecomfe/echarts" target="_blank"><img src="http://echarts.baidu.com/images/github.png" width="18"></a></li>
<li id="nav-2" class="0"><a href="http://echarts.baidu.com/echarts2/">2.0</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">
<h1>博客</h1>
<p>这是ECharts持续发布文章及活动信息的平台,包含ECharts新版本介绍、教程、活动介绍等文章</p>
</div>
<div class="container">
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/06/14/building-realistic-map-with-echarts-gl.html">在 ECharts GL 中绘制三维地图</a>
</h2>
<div class="index-post-desc">
<p>ECharts 前段时间发布了超亮眼的 GL,相对于之前已经圈粉无数的 ECharst-X 而言,ECharst GL 更是帅到爆,无论是性能、颜值、类型都有了巨大的飞跃。但是不是更易上手呢?答案是肯定的,用户除了能够根据数据画出诸如三维地图等三维的可视化图之外,只需要在项目中加入几个简单的配置项,就能配制出想要的风格的高质量画面效果。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#GL" title="Pages tagged GL" class="tag">-->
<span class="term">GL</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/06/14/building-realistic-map-with-echarts-gl.html" title="在 ECharts GL 中绘制三维地图" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-06-14/banner.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/05/25/new-release.html">ECharts v3.6 发布:自定义系列、极坐标柱状图</a>
</h2>
<div class="index-post-desc">
<p>在 ECharts 新发布的 3.6 版本中,新增了自定义系列,能让用户定制渲染逻辑,从而在已有坐标系中创造新的图表。此外还有极坐标柱状图、自定义维度映射、dataZoom 等其他一些增强。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#新版本" title="Pages tagged 新版本" class="tag">-->
<span class="term">新版本</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#扩展" title="Pages tagged 扩展" class="tag">-->
<span class="term">扩展</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/05/25/new-release.html" title="ECharts v3.6 发布:自定义系列、极坐标柱状图" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-05-25-banner.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/05/09/echarts-statistical-extension-tutorial.html">ECharts 统计扩展教程</a>
</h2>
<div class="index-post-desc">
<p>你是否想了解一组样本数据的分布情况?你是否想根据用户的数值属性将用户分成不同的群体?你是否想预测两个变量的变化趋势?——什么?不需要?不要再违心了,小编已经听到来自你们内心深处的呐喊,今天就为大家推荐一款神器——ECharts 统计扩展,这是一个用来进行数据分析的扩展工具,包含的功能有直方图、聚类、回归、以及常用的汇总统计。通过统计扩展和 ECharts 的结合,可以使大家方便地实现可视分析,也就是将数据分析的结果,通过可视化直观地呈现出来。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#统计" title="Pages tagged 统计" class="tag">-->
<span class="term">统计</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#扩展" title="Pages tagged 扩展" class="tag">-->
<span class="term">扩展</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/05/09/echarts-statistical-extension-tutorial.html" title="ECharts 统计扩展教程" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-05-09-echarts-statistical-logarithmic-regression.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/05/08/echarts-histogram-tutorial.html">那些年我们一起学过的直方图</a>
</h2>
<div class="index-post-desc">
<p>某天下午小编正在安安静静地撸代码,突然听说在我们的<a href="http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all">gallery</a>上,有用户提出,<a href="http://echarts.baidu.com/index.html">ECharts</a>不支持直方图,什么?这怎么能忍?于是小编将珍藏已久的机械键盘拿出来,摆好姿势,通宵达旦地为用户大大们加好了直方图,并于上周四悄悄上线了,对,我们就是这么低调。然而,很多大大们表示,直方图还是柱状图?傻傻分不清。小编深感这年头光有图怕是不行了,必须得有个教程,要做到图文并茂。下面小编就从直方图是什么,为什么要用直方图,以及如何使用<a href="http://echarts.baidu.com/index.html">ECharts</a>制作直方图三个方面,为各位大大们上点干货。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#直方图" title="Pages tagged 直方图" class="tag">-->
<span class="term">直方图</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#扩展" title="Pages tagged 扩展" class="tag">-->
<span class="term">扩展</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/05/08/echarts-histogram-tutorial.html" title="那些年我们一起学过的直方图" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-05-08-echarts-histogram-height-of-tree.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/04/12/echarts-gl-alpha.html">ECharts GL 1.0 alpha 发布</a>
</h2>
<div class="index-post-desc">
<p>ECharts GL (原 ECharts-X)发布 1.0 alpha,ECharts GL 是 ECharts 的 WebGL 扩展,其中提供了三维散点图,飞线图,柱状图,曲面图,地球等多种三维可视化方式。并且增加 scatterGL,graphGL系列类型用于二维的散点图,关系图的加速绘制和布局。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#新版本" title="Pages tagged 新版本" class="tag">-->
<span class="term">新版本</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#扩展" title="Pages tagged 扩展" class="tag">-->
<span class="term">扩展</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#echarts-gl" title="Pages tagged echarts-gl" class="tag">-->
<span class="term">echarts-gl</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/04/12/echarts-gl-alpha.html" title="ECharts GL 1.0 alpha 发布" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-04-12/buildings2.jpg)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/03/23/new-release.html">ECharts v3.5 发布:新增日历坐标系、坐标轴指示器;同时统计扩展 v1.0 发布</a>
</h2>
<div class="index-post-desc">
<p>在 ECharts 新发布的 3.5 版本中,新增了日历坐标系,增强了坐标轴指示器。同时,ECharts 统计扩展 1.0 版本发布了。日历坐标系用于在日历中绘制图表,坐标轴指示器方便用户观察数据内容,统计扩展是一个专门用来进行数据分析的工具。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#新版本" title="Pages tagged 新版本" class="tag">-->
<span class="term">新版本</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#扩展" title="Pages tagged 扩展" class="tag">-->
<span class="term">扩展</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/03/23/new-release.html" title="ECharts v3.5 发布:新增日历坐标系、坐标轴指示器;同时统计扩展 v1.0 发布" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-03-23/banner.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/03/15/echarts-dataAbstraction-tutorial.html">可视化中的数据</a>
</h2>
<div class="index-post-desc">
<p>当下随着大数据热潮的到来,数据可视化作为一个新兴的领域,受到了学术界和工业界的重视。从可视分析、数据新闻到商业报表,各个领域都在越来越多的使用它。既然是数据可视化,说明数据是主体,可视化只是将数据以可视的形式表达的手段。接下来小编就与大家一起揭开可视化中数据的面纱,一探究竟。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#可视化" title="Pages tagged 可视化" class="tag">-->
<span class="term">可视化</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/03/15/echarts-dataAbstraction-tutorial.html" title="可视化中的数据" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-03-15-echarts-dataAbstraction-tutorial-dataset.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/02/21/echarts-liquidfill-chart-tutorial.html">ECharts 水球图教程</a>
</h2>
<div class="index-post-desc">
<p>水球图是一种适合于展现单个百分比数据的图表类型,ECharts 的水球图插件使你能够通过非常简单的配置,实现酷炫的数据展示效果。本文将会介绍,如何使用 ECharts 水球图。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#扩展" title="Pages tagged 扩展" class="tag">-->
<span class="term">扩展</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/02/21/echarts-liquidfill-chart-tutorial.html" title="ECharts 水球图教程" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-02-21-echarts-liquidfill-chart-tutorial.gif)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2017/01/13/new-release.html">ECharts 3.4 版本发布:新增象形柱图、主题河流图、水球图</a>
</h2>
<div class="index-post-desc">
<p>在 ECharts 新发布的 3.4 版本中,新增象形柱图、主题河流图、水球图三种新图表。象形柱图利用图片和形状表现数据,主题河流图可以用来表示事件或主题等在一段时间内变化,水球图常用来展现百分比数据。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#新版本" title="Pages tagged 新版本" class="tag">-->
<span class="term">新版本</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#扩展" title="Pages tagged 扩展" class="tag">-->
<span class="term">扩展</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2017/01/13/new-release.html" title="ECharts 3.4 版本发布:新增象形柱图、主题河流图、水球图" style="background-image: url(http://echarts.baidu.com/blog/images/post/2017-01-13-new-release-theme-river.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2016/06/13/echarts-map-tutorial.html">ECharts 实现地图散点图(下)</a>
</h2>
<div class="index-post-desc">
<p>作为国内良心开源软件的主页君,我们以后会为大家带来更多 ECharts 优质教程!本期,主页君邀请到了百度 EFE 美女前端工程师王说,为我们介绍如何在地图散点图。如果看得跃跃欲试,文末还有小作业,跟着主页君一起学 ECharts 吧!</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#地图" title="Pages tagged 地图" class="tag">-->
<span class="term">地图</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2016/06/13/echarts-map-tutorial.html" title="ECharts 实现地图散点图(下)" style="background-image: url(http://echarts.baidu.com/blog/images/post/2016-06-13-bmap-4.png)">
</a>
</div>
</div>
</div>
<div class="index-post">
<div class="row">
<div class="index-post-content col-md-8 col-sm-7">
<h2>
<a href="http://echarts.baidu.com/blog/2016/04/28/echarts-map-tutorial.html">ECharts 实现地图散点图(上)</a>
</h2>
<div class="index-post-desc">
<p>ECharts 作为国内应用最广泛的前端可视化生成工具,提供了丰富的图表展现方式和便捷的图表操作。ECharts 支持 geoJson 格式的地图,并且官网上提供了现成的 world,china 及全国34个省市自治区地图的下载。这篇文章中我们将会讲解如何使用 ECharts 实现一个中国地图上绘制的散点图。</p>
</div>
<div class="tag-panel">
<!--<a href="http://echarts.baidu.com/blog/tags/#地图" title="Pages tagged 地图" class="tag">-->
<span class="term">地图</span>
<!--</a>-->
<!--<a href="http://echarts.baidu.com/blog/tags/#教程" title="Pages tagged 教程" class="tag">-->
<span class="term">教程</span>
<!--</a>-->
</div>
</div>
<div class="col-md-4 col-sm-5">
<a class="index-post-image" href="http://echarts.baidu.com/blog/2016/04/28/echarts-map-tutorial.html" title="ECharts 实现地图散点图(上)" style="background-image: url(http://echarts.baidu.com/blog/images/post/2016-04-28-echarts-map-tutorial-scatter-2.png)">
</a>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4 logo"><img src="http://echarts.baidu.com/images/echarts-footer-logo.png"/></div>
<div id="efe-product" 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 class="col-md-3" id="footer-icon-panel">
<div class="icon-panel">
<a href="mailto:echarts@baidu.com" class="footer-icon">
<img src="http://echarts.baidu.com/images/icon-email.png"/>
</a>
<a href="https://twitter.com/EChartsJs" class="footer-icon">
<img src="http://echarts.baidu.com/images/icon-twitter.png"/>
</a>
<a href="http://weibo.com/u/5160877841" class="footer-icon">
<img src="http://echarts.baidu.com/images/icon-weibo.png"/>
</a>
<a href="https://github.com/ecomfe/echarts" class="footer-icon">
<img src="http://echarts.baidu.com/images/icon-github.png"/>
</a>
</div>
<div id="echarts-copyright">&#9400; 2017 百度ECharts团队出品</div>
</div>
</div>
</div>
</footer>
<script src="http://echarts.baidu.com/blog/assets/js/vendor/jquery-1.9.1.min.js"></script>
<script src="http://echarts.baidu.com/vendors/bootstrap/js/bootstrap.min.js"></script>
<script src="http://echarts.baidu.com/blog/assets/js/scripts.min.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?4bad1df23f079e0d12bdbef5e65b072f";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>