zaibei_charts/test/pie/ChartPie37/index.js

import Chart from "../../../src/chart/pie/ChartPie37/ChartPie37";

let pie=new Chart(document.querySelector(".c1"),{});
window.addEventListener('resize',function() {
        pie.resize();
})

const option={
        bg:{
            backgroundColor:"#000000"
        },
        pie:{
            addOutline: false,
          startAngle: -90,
            z: 2,
            // 是否圆环显示
            isRing:false,
            center: {
                x:"20%",
                y:"-30%"
            },
            radius: '80%',
            dis: -50, //饼图的厚度
            labelLine: {
                show: true,
                length1: 20,
                length2: 10,
            },
            label: {
                show: false,
                fontSize: 16,
                // inside outside
                position:'inside',
                // 强制显示所有标签
                allShow:false,
                unit:'{value}件'
            },
            centerLabel:{
                show: false,
                color:'#ffffff',
                fontSize: 18
            }
        },
        legend: {
            show: true,
            // left: "70%",
            left: "80%",
            top: '5%',
            orient: 'vertical',
            itemAngelR:3,
            padding:1,
            itemWidth: 8,
            itemHeight: 8,
            borderRadius: 4,
            textStyle: {
                fontSize: 12,
                color: "#ffffff"
            }
        },
        shape: {
            faceColor:"#daf3fb",
            tool:{
                stokeColor:'#ffff00',
                topColor: '#ff0000',
                topFont: 36,
            }
        },
        // color: ['#0090ff', '#00f1ff','#0000ff', '#0021ff','#003fff', '#0061ff'],
        color:['#0FDAFF', '#65AFFF', '#80D6FF', '#3EB3FF', '#076AFF', '#73a7cb', '#74e9f2', '#778CFF','#83b283', '#51C4E8','#A1BEFF'],
        grid:{
          left:"20%",
          right:"20%",
          top:"20%",
          bottom:"15%"
        },
        series: [
            // {
            //     name: '类别1',
            //     value: 99
            // },{
            //     name: '类别10',
            //     value: 1
            // }
            {
                name: '类别1',
                value: 50
            },
             {
                name: "类别2",
                value: 50
            },
             {
                name: "类别3",
                value: 40
            },  {
                name: "类别4",
                value: 40
            }
            ,
             {
                name: "类别5",
                value: 40
            },
             {
              name: "类别6",
              value: 30
          }
        //   ,
        //    {
        //       name: "类别10",
        //       value: 20
        //   },
        //    {
        //       name: "类别11",
        //       value: 10
        //   }, 
        //    {
        //       name: "类别12",
        //       value: 10
        //   }
             
        ],
        // valueAxis:{
    
        // },
        // xAxis:{
        //     data:["小米","华为","苹果","三星","vivo","oppo"]  //?????????????????
        // },
        // series:[{
        //     data:[639539,548671,457822,223133,158514,122348]
        // }]
           // tooltip: {
        //     show: true,
        //     paddingW:10,
        //     paddingH: 10,
        //     itemGap: 5,
        //     padding:100,
        //     //距目标的偏移值
        //     offsetX: 15,
        //     offsetY: 0,
        //     titleFontSize:12,
        //     titleColor: '#ffffff',
        //     itemFontSize:12,
        //     itemColor:"#8c61f9",
        //     borderColor: '#011245',
        //     borderWidth: 0,
        //     borderRadius: 0,
        //     backgroundColor: 'rgba(0,16,62,0.9)',
    
        // },
       
    };

setTimeout(()=>{
    // pie.setOption(option);
},3000)