常用echart图表(柱状图、折线图、饼图、环形进度条、雷达图等等)基础配置和用法、resize()响应、轮播tooltip

一、最简单的使用方式引入官方echart.js即可

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

二、页面准备一个DOM容器

 <div style="width:49%;height:450px;" id=“main”></div>

三、基础用法三步骤

  //1、 基于准备好的dom，初始化echarts实例
  var myChart = echarts.init(document.getElementById('main'))；
  //2、 指定图表的配置项和数据
  var option = {...}//这里先省略，下面一一介绍不同图表的相关配置
  //3、使用刚指定的配置项和数据显示图表。
   myChart.setOption(option);

四、不同图表的相关option数据配置
（1）折线图的option配置如下

option:{
	   xAxis: {
	        type: 'category',
	        boundaryGap: false,
	        data: ['09-15','09-17','09-21','09-23','09-25','09-27','09-29'],
	        axisLabel: {
                   show: true,
                   textStyle: {