var data = [{
? ? ? ? value: 2800,
? ? ? ? name: '1'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '2'
? ? },
? ? {
? ? ? ? value: 315,
? ? ? ? name: '3'
? ? },
? ? {
? ? ? ? value: 2800,
? ? ? ? name: '4'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '5'
? ? },
? ? {
? ? ? ? value: 315,
? ? ? ? name: 6
? ? },
? ? {
? ? ? ? value: 2800,
? ? ? ? name: '7'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '8'
? ? },
? ? {
? ? ? ? value: 315,
? ? ? ? name: '9'
? ? },
? ? {
? ? ? ? value: 2800,
? ? ? ? name: '10'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '20'
? ? },
? ? {
? ? ? ? value: 3015,
? ? ? ? name: '30'
? ? },
? ? {
? ? ? ? value: 2800,
? ? ? ? name: '10'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '20'
? ? },
? ? {
? ? ? ? value: 315,
? ? ? ? name: '30'
? ? },
? ? {
? ? ? ? value: 2800,
? ? ? ? name: '10'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '20'
? ? },
? ? {
? ? ? ? value: 315,
? ? ? ? name: '30'
? ? },
? ? {
? ? ? ? value: 2800,
? ? ? ? name: '1'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '2'
? ? },
? ? {
? ? ? ? value: 315,
? ? ? ? name: '3'
? ? },
? ? {
? ? ? ? value: 2800,
? ? ? ? name: '1'
? ? },
? ? {
? ? ? ? value: 335,
? ? ? ? name: '2'
? ? },
? ? {
? ? ? ? value: 315,
? ? ? ? name: '3'
? ? }
];
option = {
? ? backgroundColor: '#333',
? ? tooltip: {
? ? ? ? trigger: 'item',
? ? ? ? formatter: "{a} <br/>: {c}",
? ? ? ? confine: true,
? ? },
? ? color: ['#ff9f7e', '#5f71d2', '#f36f8a', '#5fd27b', '#6173d6', '#47dfae',
? ? ? ? '#4ac7f5', '#f36f8a', '#42a4eb', '#426eeb', '#5f71d2', '#f36f8a'
? ? ],
? ? legend: { //圖例組件赵哲，顏色和名字
? ? ? ? left: 'center',
? ? ? ? bottom: '6%',
? ? ? ? itemGap: 6, //圖例每項之間的間隔
? ? ? ? itemWidth: 9,
? ? ? ? itemHeight: 9,
? ? ? ? icon: 'circle',
? ? ? ? data: ['1', '2', '3', '4', '5',
? ? ? ? ? ? '6', '7', '8', '9',
? ? ? ? ? ? '10', '11'
? ? ? ? ],
? ? ? ? textStyle: {
? ? ? ? ? ? color: [],
? ? ? ? ? ? fontStyle: 'normal',
? ? ? ? ? ? fontFamily: '微軟雅黑',
? ? ? ? ? ? fontSize: 10,
? ? ? ? }
? ? },
? ? series: [{
? ? ? ? name: '違規(guī)次數(shù)',
? ? ? ? type: 'pie',
? ? ? ? clockwise: false, //餅圖的扇區(qū)是否是順時針排布
? ? ? ? minAngle: 20, //最小的扇區(qū)角度（0 ~ 360）
? ? ? ? center: ['50%', '45%'], //餅圖的中心（圓心）坐標(biāo)
? ? ? ? radius: ['40%', '80%'], //餅圖的半徑
? ? ? ? avoidLabelOverlap: true, ////是否啟用防止標(biāo)簽重疊
? ? ? ? itemStyle: { //圖形樣式
? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? borderColor: '#1e2239',
? ? ? ? ? ? ? ? borderWidth: 1.5,
? ? ? ? ? ? },
? ? ? ? },
? ? ? ? label: { //標(biāo)簽的位置
? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? show: true,
? ? ? ? ? ? ? ? position: 'inside', //標(biāo)簽的位置
? ? ? ? ? ? ? ? formatter: "水電費(fèi)說3quhh87%",
? ? ? ? ? ? ? ? textStyle: {
? ? ? ? ? ? ? ? ? ? color: '#fff',
? ? ? ? ? ? ? ? }
? ? ? ? ? ? },
? ? ? ? ? ? emphasis: {
? ? ? ? ? ? ? ? show: true,
? ? ? ? ? ? ? ? textStyle: {
? ? ? ? ? ? ? ? ? ? fontWeight: 'bold'
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? },
? ? ? ? data: data
? ? }, {
? ? ? ? name: '',
? ? ? ? type: 'pie',
? ? ? ? clockwise: false,
? ? ? ? silent: true,
? ? ? ? minAngle: 20, //最小的扇區(qū)角度（0 ~ 360）
? ? ? ? center: ['50%', '45%'], //餅圖的中心（圓心）坐標(biāo)
? ? ? ? radius: [0, '38%'], //餅圖的半徑
? ? ? ? itemStyle: { //圖形樣式
? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? borderColor: '#1e2239',
? ? ? ? ? ? ? ? borderWidth: 1.5,
? ? ? ? ? ? ? ? opacity: 0,
? ? ? ? ? ? }
? ? ? ? },
? ? ? ? label: { //標(biāo)簽的位置
? ? ? ? ? ? normal: {
? ? ? ? ? ? ? ? show: false,
? ? ? ? ? ? }
? ? ? ? },
? ? ? ? data: data
? ? }]
};
