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

百度echarts

时间:2016-08-15 20:41:07      阅读:710      评论:0      收藏:0      [点我收藏+]

标签:

首先引入js文件,这是动态引入

<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>

接着写js中的内容

<script type="text/javascript">
require.config({      
      paths:{            
          echarts: ‘http://echarts.baidu.com/build/dist‘,
          }   
});
option = {
        //option中的内容是echarts官网中的每一个演示案列的option,直接copy过来就可以了
    };
//初始化数据 
$(function(){    
      echarone();     
      })        
      var echarone = function(){  
      require(      
              [      
               ‘echarts‘,  
               ‘echarts/chart/pie‘, //饼图图必须加载pie,柱张图加载bar,柱状图加载line
               ],       
/***********************************************************/
 require(      
         [‘echarts‘, ‘echarts/chart/heatmap‘,
],//集成地图时加载

/***********************************************************/
function(ec) { var myChart = echarts.init(document.getElementById(‘myChart‘));     //异步查询option中的值可以写在此处       } )}; </script>

最后在body中写div层,将图生成图形嵌入

<div style="height:600px;color:white" id="myChart"></div>

整个图形就生成了。。。

百度echarts

标签:

原文地址:http://www.cnblogs.com/guokai870510826/p/5773995.html

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