Echarts可视化入门开发步骤以及基本配置

Echarts可视化开发

Echarts基本介绍

ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

Echarts基本使用步骤

1. 引入echarts 插件文件到html页面中
2. 准备一个具备大小的DOM容器

   <div id="main" style="width: 600px;height:400px;"></div>
   

3. 初始化echarts实例对象

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

4. 指定配置项和数据(option):
5. 将配置项设置给echarts实例对象 : myChart.setOption(option);

Echarts基础配置

title：标题组件

常用的属性：
 1. title. show = true : 是否显示标题组件，需求不需要时设置