echarts学习笔记(1) ---- 使用模块化单文件引入

因为最近需要用到echarts来做 BI 商业智能工具, 而echarts相对d3而言有了更好的方便控制的交互性, 在开发上也容易的多, 所以笔者将会在之后的几篇文章当中,都会详细的讲echarts的使用.

这是笔者第一篇科技的博客文章, 希望大家多多提点, 谢谢!

echarts的第一步很好上手, 在此使用echarts推荐的模块化单文件引入,  照着官方的入门教程做就ok.

具体地址: http://echarts.baidu.com/doc/start.html

官方说明不够详细, 为了让大家更快上手, 下面具体来介绍一下每段code的作用:

 require.config({
            paths:{ 
                'echarts' : 'http://echarts.baidu.com/build/echarts',  //这一段基本照抄，但是如果把echarts.js下到自己电脑的，可以用echart的路径，但是不要加.js
                'echarts/chart/bar' : 'http://echarts.baidu.com/build/echarts' //用到什么类型的图表就按需写好路径，这里取了bar
            }
        });

require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],