码迷,mamicode.com
首页 > 其他好文 > 详细

Echarts入门

时间:2017-03-27 13:16:22      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:script   document   require   rip   功能   初始化   type   src   jquery   

一、包的引入

  1.引入jQuery对应的js

   <script type="text/javascript" src="<%=basePath %>/js/jquery-3.1.1.min.js"></script>

  2.引入Echarts对应的js

    <script src="<%=basePath %>echarts-m-1.0.0/source/echarts.js"></script>

二、Echarts初始化与简单应用

    <script type="text/javascript">
      require.config( {
        paths : {
              echarts : ‘echarts-m-1.0.0/dist‘
        }
    });

     require(
        [ ‘echarts‘,
          ‘echarts/chart/pie‘, // 按需加载所需图表,如需动态类型切换功能,别忘了同时加载相应图表
          ‘echarts/chart/funnel‘,
          ‘echarts/chart/bar‘
         ],
          function(ec) {
            var myCharts = ec.init(document.getElementById(‘myCharts‘));
            // OPTION - BEGIN

       ...

       // OPTION - END
            myCharts.setOption(option);
    });

    // 其中id="myCharts"为body正文中对应div的id

    //如下,需设置div的宽度和高度

    <body>
            <div id="myCharts" style="height:400px;width:800px"></div>
       </body>

 

Echarts入门

标签:script   document   require   rip   功能   初始化   type   src   jquery   

原文地址:http://www.cnblogs.com/tewuniu/p/6626149.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!