最近项目中用到图表展示,由于项目中之前已经用到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',
//data: xAxisData //由于节点较多的时候 会出现遮挡现象 故暂时屏蔽
},