html中添加Echarts图

html中添加Echarts图

1、引入Echarts插件
通过js代码引入Echarts插件：

<script src="../pkgs/echarts.min.js"></script>

2、声明Echart变量并获取需要添加Echarts图的dom元素

 <div class="row">
	  <div class="col-1"></div>
		    	<div  class="col-10 Echarts1 row">
		        		<div class="col-12">
		            		<h5 class="Eheader">XX区2015-2017年度税收前三名企业对比</h5>
		            	<div id="Echarts"></div>    
		     	</div>
	    </div>   
</div>


var myChart = echarts.init(document.getElementById('Echarts'));

3、 声明option并直接赋值（即多个调试属性，根据不同的图形进行不同的设置）

var option = {....};

4、通过setOption()函数使得声明的Echart变量调用option

myChart.setOption(option);

随后就能显示出Echarts图