zaibei_charts/test/pie/ChartPie14/index.js

import Chart from "../../../src/chart/pie/ChartPie14/ChartPie14";
import option from '../../../src/chart/pie/ChartPie14/defaultOption';

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

// setTimeout(()=>{;
//     pie.setOption(defaultOption);
// },3000)
const defaultOption = {
    // title: title.option('饼图'),
    legend: option.legend,
    tooltip: option.tooltip,
    // pie: option.pie,
    pie:{
        startAngle: 0,
          z: 2,
          // 是否圆环显示
          isRing:false,
          center: {
              x:"-50%",
              y:"0%"
          },
          radius: '200%',
          // innerRadius: 0,
          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'
          }
      },
    // grid: option.grid,
    grid: {
        left:'10%',
		top:'10%',
		right:'18%',
		bottom:'10%',
    },
    bg:{
        backgroundColor: "#000000",
        show:false,
        bgPlaneColor:'#ffffff',
        borderColor:'#0000ff'

      },
    // color:['#fe6a01', '#54b3ea', '#ffffff','#00fcff','#0d67a1','#0090ff','#0010ff'],
    color:['#ff0000','#00ffff','#31dc0a','#dcd70a','#0a3edc','#7d0adc','#212729','#fe6a01', '#54b3ea', '#ffffff','#00fcff','#0d67a1','#0090ff','#0010ff'],
    // color: option.color,
    series: [{
        name: '类别1',
        value: 10
    },
     {
        name: "类别2",
        value: 15
    }, 
    {
        name: "类别3",
        value: 25
    }, 
    {
        name: "类别4",
        value: 40
    }, 
    {
        name: "类别5",
        value:20
    },
//     {
//        name: "类别6",
//        value: 15
//    }, 
//    {
//        name: "类别7",
//        value: 25
//    }, 
//    {
//        name: "类别8",
//        value: 40
//    }, 
//    {
//        name: "类别9",
//        value:20
//    }
  ],
//     series: [
//         {
//             name: '类别1',
//             value: 90
//         },
//         //  {
//         //     name: "类别2",
//         //     value: 15
//         // }, 
//         // {
//         //     name: "类别3",
//         //     value: 25
//         // }, 
//         {
//             name: "类别4",
//             value: 10
//         }, 
//         // {
//         //     name: "类别5",
//         //     value:20
//         // }
// ],
//     // series: [{
    //     name: '类别1',
    //     value: '100'
    // }, {
    //     name: "类别2",
    //     value: '150'
    // }, {
    //     name: "类别3",
    //     value: '200'
    // },{
    //     name: '类别4',
    //     value: '250'
    // }, {
    //     name: "类别5",
    //     value: '300'
    // }, {
    //     name: "类别6",
    //     value: '350'
    // },{
    //     name: "类别7",
    //     value: '400'
    // }, {
    //     name: "类别8",
    //     value: '450'
    // },{
    //     name: '类别9',
    //     value: '500'
    // }, {
    //     name: "类别10",
    //     value: '550'
    // }, {
    //     name: "类别11",
    //     value: '600'
    // }, {
    //     name: "类别12",
    //     value: '650'
    // }, {
    //     name: "类别13",
    //     value: '1180'
    // }]
};