option = { backgroundColor: '#0E1327', tooltip: { trigger: 'item', formatter: '{b}:({d}%)', }, legend: [ { top: 'center', orient: 'vertical', right: '20%', itemWidth: 16, itemHeight: 16, icon: 'circle', itemGap: 20, textStyle: { color: '#fff', fontSize: 18, padding: [0, 0, 0, 10], }, data: ['前加工', 'SMT'], }, { top: 'center', orient: 'vertical', right: '10%', itemWidth: 16, itemHeight: 16, icon: 'circle', itemGap: 20, textStyle: { color: '#fff', fontSize: 18, padding: [0, 0, 0, 10], }, data: ['注塑', '镭射'], } ], grid: { containLabel: true, }, series: [ { type: 'pie', radius: ['40%', '60%'], center: ['40%', '50%'], color: [ '#8E35FF', '#FFB933', '#2CAA3F', '#1983FF', '#8BCE1D', '#D170FF', '#F46D4F', '#FA9A09', '#FF317B', '#444444', '#BDBDBD', '#D01505', '#D5D5D5', '#D70303', ], label: { position: 'outside', show: true, color: '#fff', textBorderColor: 'inherit', textBorderWidth: 1, fontSize: 16, formatter: function (params) { if (params.name !== '') { return params.percent + '%'; } }, }, labelLine: { show: true, length2: 10, length: 10, }, data: [ { value: '36', name: '前加工' }, { value: '48', name: 'SMT' }, { value: '31', name: '注塑' }, { value: '29', name: '镭射' }, ], }, ], }