123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166 |
- 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();
- })
-
-
-
-
- const defaultOption = {
-
- legend: option.legend,
- tooltip: option.tooltip,
-
- pie:{
- startAngle: 0,
- z: 2,
-
- isRing:false,
- center: {
- x:"-50%",
- y:"0%"
- },
- radius: '200%',
-
- dis: -50,
- labelLine: {
- show: true,
- length1: 20,
- length2: 10,
- },
- label: {
- show: false,
- fontSize: 16,
-
- position:'inside',
-
- allShow:false,
- unit:'{value}件'
- },
- centerLabel:{
- show: false,
- color:'#ffffff'
- }
- },
-
- grid: {
- left:'10%',
- top:'10%',
- right:'18%',
- bottom:'10%',
- },
- bg:{
- backgroundColor: "#000000",
- show:false,
- bgPlaneColor:'#ffffff',
- borderColor:'#0000ff'
-
- },
-
- color:['#ff0000','#00ffff','#31dc0a','#dcd70a','#0a3edc','#7d0adc','#212729','#fe6a01', '#54b3ea', '#ffffff','#00fcff','#0d67a1','#0090ff','#0010ff'],
-
- series: [{
- name: '类别1',
- value: 10
- },
- {
- name: "类别2",
- value: 15
- },
- {
- name: "类别3",
- value: 25
- },
- {
- name: "类别4",
- value: 40
- },
- {
- name: "类别5",
- value:20
- },
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ],
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- };
-
|