echarts 饼状图(环形图) 笔记

最近项目中用到图表展示，由于项目中之前已经用到echarts，于是就在echarts中找了一个跟UI界面比较像的拿来使用。

直接上代码说项目吧。

1、先引用相关js文件，可以在script脚本中直接引用。

2、然后写相关后台接口方法，拼接成所需数据结构可供直接返回使用。

3、在JS中调用，参考实例的方法进行修改。

var initPieData = function (xAxisData, data) {
            var myChart = echarts.init(document.getElementById('main'), 'macarons');
            option = {
                tooltip: {
                    trigger: 'item',
                    formatter: "{b}: {c} ({d}%)"
                },
                legend: {
                    x: 'center',
                    y: 'bottom'