echarts 让图表自适应显示和基础组件

平时开发，需要将图表自适应显示。

 $(window).resize(function(){
	           myCharts.resize();
	       })

代码中，myCharts：是我们要控制自适应显示的元素的id。

那么怎么定义这个id呢？

var myChart1 = echarts.init(document.getElementById('mainPIE1'));

其他的元素具体使用，还是参考echarts官网

title是标题
legend：图例组件 tooltip提示框组件。
series：数据
xAxis：横坐标轴
yAxis：纵坐标轴
dataZoom 组件 用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。
geo地理坐标系组件

使用之前先下载echarts：
链接：https://pan.baidu.com/s/1xF_Kk9OVitqdV2mApxLctA
提取码：aila
复制这段内容后打开百度网盘手机App，操作更方便哦