Echarts在线免费图表

 
            var color = [
    '#87CA8B', 
    '#58B1FF', 
    '#FBD44A',
    '#7485E5',
    '#AEE5B1',
    '#81C4FF', 
    '#AAD7FF', 
    '#FFE791 ', 
    '#9AA6EA', 
    ]
var dataIn = [
    // 外层数据
    {value:25, name:''},
    {value:12, name:'续建'},
    {value:13, name:'预下达'},
    {value:25, name:''},
    {value:25, name:''},
];
var dataOut = [
                 {value:25, name:'紧急项目'},
                 {value:25, name:'续建项目'},
                 {value:25, name:'职创项目'},
                 {value:25, name:'新建项目'},
            ]
option = {
    color:color,
    tooltip: {
        trigger: 'item',
        formatter: "{b}: {c} "+" | "+"{d}%"
    },
    title:[
        {
            text:'未来投资存在风险情况',
            x:12,
            y:12
        }
    ],
    legend: {
        orient: 'horizontal',
        left: 'center',
        bottom:'10%',
        icon:'rect',
		itemWidth:14,
		itemHeight:14,
        itemGap:30,
		textStyle:{
			fontSize:10,
            padding:[0,6]
		},
        selectedMode:false,
        data:['新建项目','紧急项目','职创项目','续建项目','续建项目','续建','预下达'],
    },
    series: [
        {
            name:'未来投资存在风险情况',
            type:'pie',
            selectedMode: 'single',
            radius: ['10%', '40%'],

            label: {
                    position: 'inner',
                    fontSize:10,
                },
            labelLine: {
                show: false
            },
            data:dataOut
        },
        {
            name: '续建项目',
            type: 'pie',
            radius: ['45%', '55%'],
            labelLine: {
                show: false
            },
            data: dataIn,
        },
    ],
};