首先引入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>
整个图形就生成了。。。
原文:http://www.cnblogs.com/guokai870510826/p/5773995.html