Echarts入门，条形图，饼图(南丁格尔图)

1.引入js

<script src="scripts/utils/echarts.min.js"></script>

 

2.准备一个dom,有id,长宽即可

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

 

3.初始化echarts实例

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

 

4.指定图表的配置项和数据，一般放在option里面，option中的series中type是图表类型

柱状图：bar

饼图：pie  (南丁格尔图：在series中加上roseType:’angle’)

 

5.显示图表

myChart.setOption(option);

    <div id="main1" style="width: 590