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' // }] };