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图