ECharts使用步骤五部曲（防图表形变，自适应宽高）

简介：

一个适应javascript实现的开源可视化库（js插件）。可以流畅的运行在PC端和移动端上，兼容当前大部分浏览器（ie8及以上），底层依赖矢量图形库ZRender，提供直观、交互丰富、可高度自定义化的数据可视化图表。

使用步骤（五部曲）：

1、下载并引入echarts.js文件

2、准备一个具备大小（确定宽高）div容器用来装图表

3、初始化echarts实例对象      ：  var myChart = echarts.init(dom容器);

(在vue项目中 : let myChart = this.$echarts.init(dom容器);)

4、指定配置项和数据（option{}）

5、将配置项设置给echarts实例对象 ：myChart .setOption(option);

 此外，若要设置图表也随屏幕自适应宽度:

//监听浏览器缩放，图表对象调用缩放resize函数

  window.addEventListener("resize", function () {

    myChart.resize();

  });

图表结构介绍

 

        

        

柱状图-就业行业