echarts 画一个简单的饼图

function viewSingleDistribution(odata,pieChart) {
	var chartDom = document.getElementById('viewSingleDistribution');
	var myChart = echarts.init(chartDom);
	var option;

	option = {
		tooltip: {
		    trigger: 'item',
		    formatter:function(data){
	              return data.name+ " : " + data.value +   "题 <br/>"+ " ("+ roundFun(data.percent, 1)+"%)";
	        }
		},
		color:['#4cf100', '#00bdff', '#ffb500', '#ddd'],	
		series: [
		{
	    	type: 'pie',
		    radius: '40%',
		    center:['50%','50%'],
		    label: {
		    	formatter:function(data){
		              return data.name+ " : " + data.value +   "题 \n"+ " ("+ roundFun(data.percent, 1)+"%)";
		        }
			},
	        data: pieChart.series[0].customData,
	        emphasis: {
		    	itemStyle: {
		            shadowBlur: 10,
		            shadowOffsetX: 0,
		            shadowColor: 'rgba(0, 0, 0, 0.5)'
		        }
		    },		    
	    }
	  ]
	};
	option && myChart.setOption(option);
}

data测试数据

            completionCharts:{
                "type":"pie",
                "series":[
                    {
                        "type":"pie",
                        "customData":[
                            {
                                "name":"掌握",
                                "value":2
                            },
                            {
                                "name":"熟悉",
                                "value":1
                            },
                            {
                                "name":"了解",
                                "value":0
                            },
                            {
                                "name":"未作答",
                                "value":0
                            }
                        ]
                    }
                ]
            },

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值