如何用echarts创建一个饼图

1、首先点击左下角开始，找到eclipse，启动eclipse

2、使用requirejs加载echarts插件

3、新建饼图的html，js文件，创建方式如图

4、生成饼图的js代码如下，截图只是部分代码，data部分自己补充数倌栗受绽据就可以了dangerRecType = echarts.in足毂忍珩it(document.getElementById('dangerRecType')); dangerRecTypeOption = { title : { text : '危险品种类分析', subtext : '', x : 'center', textStyle : { fontWeight : 'normal', color : '#06FFFF', fontSize : 16 } }, legend : { data : [], top : 'bottom', textStyle : { color : '#fff' } }, tooltip : { trigger : 'item', formatter : "{a} <br/>{b}: {c} ({d}%)" }, series : { name : '数量', type : 'pie', radius : '60%', center : [ '50%', '50%' ], data : [], itemStyle : { emphasis : { shadowBlur : 10, shadowOffsetX : 0, shadowColor : 'rgba(0, 0, 0, 0.5)' } }, label : { normal : { show : true, position : 'inner', formatter : function(param) { if (param.percent > 2) { return param.name; } else { return ''; } }, textStyle : { color : '#fff', fontSize : 12 } } }, labelLine : { normal : { show : true } } } } dangerRecType.setOption(dangerRecTypeOption);

5、最终生成的样式如图所示，饼图已经生成