首页 > 其他 > 详细

百度echarts

时间:2016-08-15 20:38:59      阅读:663      评论: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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!