<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Reveal.js</title>
        <link rel="stylesheet" href="./asset/md2reveal-0.1.7/css/reveal.css">
        <link rel="stylesheet" href="./asset/md2reveal-0.1.7/css/theme/black.css" id="theme">
        <link rel="stylesheet" href="./asset/md2reveal-0.1.7/css/theme/black-md2reveal.css" id="themeMine">
        <!-- For syntax highlighting -->
        <link rel="stylesheet" href="./asset/md2reveal-0.1.7/lib/css/zenburn.css">
    </head>
    <body>

        <div class="reveal">
            <div class="slides"><section  data-markdown><script type="text/template">
# Hand-On Training

### ECHARTS · 制作
</script></section><section  data-markdown><script type="text/template">
本文档在：
<a target="_blank" href="http://echarts.baidu.com/meeting/wuda/handon/resource.html">echarts.baidu.com/meeting/wuda/handon/resource.html</a>

![](./resource-QR.png)
</script></section><section  data-markdown><script type="text/template">
官网：<a target="_blank" href="http://echarts.baidu.com">echarts.baidu.com</a>

Gallery：<a target="_blank" href="http://gallery.echartsjs.com">gallery.echartsjs.com</a>

帮助文档：<a target="_blank" href="http://echarts.baidu.com/option.html">echarts.baidu.com/option.html</a>

表格工具：<a target="_blank" href="http://echarts.baidu.com/spreadsheet.html">echarts.baidu.com/spreadsheet.html</a>
</script></section><section  data-markdown><script type="text/template">
一份原始数据（奥运会各国奖牌数据）：
<a target="_blank" href="http://echarts.baidu.com/meeting/wuda/handon/medal.xlsx">echarts.baidu.com/meeting/wuda/handon/medal.xlsx</a>

整理过的数据（每年东道主的排名）
<a target="_blank" href="http://echarts.baidu.com/meeting/wuda/handon/hostRanksByYear.json">echarts.baidu.com/meeting/wuda/handon/hostRanksByYear.json</a>

namMap 数据
<a target="_blank" href="http://echarts.baidu.com/meeting/wuda/handon/nameMap.json">echarts.baidu.com/meeting/wuda/handon/nameMap.json</a>

一些颜色数据：
['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
</script></section><section  data-markdown><script type="text/template">
### 其他

五分钟上手 echarts：
<a target="_blank" href="http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts">echarts.baidu.com/tutorial.html</a>

JavaScript Array 方法速查手册：
<a target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array">developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array</a>
或：
<a target="_blank" href="http://www.w3school.com.cn/jsref/jsref_obj_array.asp">www.w3school.com.cn/jsref/jsref_obj_array.asp</a>


另：在 <a target="_blank" target="http://gallery.echartsjs.com">gallery</a> 上搜索『hand on』（注意有空格）
</script></section></div>
        </div>

        <script src="./asset/md2reveal-0.1.7/lib/js/head.min.js"></script>
        <script src="./asset/md2reveal-0.1.7/js/reveal.js"></script>
        <script src="./asset/md2reveal-0.1.7/js/md2reveal.js"></script>

        <script>
            function extend() {
              var target = {};
              for (var i = 0; i < arguments.length; i++) {
                var source = arguments[i];
                for (var key in source) {
                  if (source.hasOwnProperty(key)) {
                    target[key] = source[key];
                  }
                }
              }
              return target;
            }

            // Optional libraries used to extend on reveal.js
            var deps = [
              { src: './asset/md2reveal-0.1.7/lib/js/classList.js', condition: function() { return !document.body.classList; } },
              { src: './asset/md2reveal-0.1.7/plugin/markdown/marked.js', condition: function() { return !!document.querySelector('[data-markdown]'); } },
              { src: './asset/md2reveal-0.1.7/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector('[data-markdown]'); } },
              { src: './asset/md2reveal-0.1.7/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
              { src: './asset/md2reveal-0.1.7/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
              // { src: './asset/md2reveal-0.1.7/plugin/math/math.js', async: true }
            ];

            // default options to init reveal.js
            var defaultOptions = {
              controls: true,
              progress: true,
              history: true,
              center: true,
              transition: 'default',
              dependencies: deps
            };

            // options from URL query string
            var queryOptions = Reveal.getQueryHash() || {};

            var options = {};
            options = extend(defaultOptions, options, queryOptions);
            Reveal.initialize(options);
        </script>
    </body>
</html>