快速上手echarts 新手也能3分钟利用echarts绘制一个好看的图表

新手也能3分钟利用echarts绘制一个好看的图表

一、引入eacharts

echarts下载地址

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

二、现在页面上设置一个给定宽高的盒子作为容器

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

三、通过 echarts.init0 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的图表

1. init()创建实例
2. option设置需要的数据、
   • title标题
   • legend图例
   • xAxis x轴，填写具体不同的类别
   • yAxis y轴，必须有但不填写数据，（会根据数据自动生成）
   • series 数据数组：name 与图例对应，type：条形图bar，折线图line……data：与y轴
3. setOption(option)：创建图表
4. 复制下面这段代码，
   • 修改title的text
   • xAxis的data改为对应x轴的数据
   • legend的data和serise的name对应图例名称
   • serise的data改为对应y轴的数据
   • 简单四步轻松搞定！