zaibei_charts/test/relationship/ChartRelate3/index.js

import ChartBar1 from '../../../src/chart/relationship/ChartRelate3/ChartRelate3.js';
import Title from '../../../src/chart/commonOptions/title';
import Grid from '../../../src/chart/commonOptions/grid';
import Legend from '../../../src/chart/commonOptions/legend'; 

let chart = new ChartBar1(document.getElementsByClassName('c1')[0], {});

window.addEventListener("resize", () => {
    chart.resize();
});

let option = {
    type: "p1",
    title: Title.option(''),
    grid:Grid.option,
    tooltip: {},
    legend: Legend.option,
    ringGraph:{
    	lineStyle:{
    		lineWidth:1
    	},
    	textStyle:{
    		fontSize:12,
    		color:'#fff'
    	},
		maxSize:10,
		maxNum: 15
    },
    series: [
        {
            name:'地区A',
            target:['地区B','地区C','地区D','地区E','地区F'],
			value:[46,87,15,38,70]
        },
        {
        	name:'地区B',
        	target:['地区A','地区C','地区D','地区E'],
        	value:[46,33,24,55]
        },
        {
        	name:'地区C',
        	target:['地区A','地区B','地区D','地区F'],
        	value:[87,33,61,41]
        },
        {
        	name:'地区D',
        	target:['地区A','地区B','地区C','地区E'],
        	value:[15,24,61,64]
        },
        {
        	name:'地区E',
        	target:['地区A','地区B','地区D'],
        	value:[38,55,64]
        },{
        	name:'地区F',
        	target:['地区A','地区C'],
        	value:[70,41]
        },{
        	name:'地区G',
        	target:['地区A','地区C'],
        	value:[70,41]
        },
        {
        	name:'地区H',
        	target:['地区A','地区C'],
        	value:[70,41]
        }
    ],
	color: ['#89c4fb', '#99e3ce', '#99e2cd', '#bfebb3', '#f6de8b','#b89c81','#b3beea','#b5a2dd','#cdb7f0','#95d0e3','#b2e6ea', '#a4a5e8','#9daae3','#f4acb8'],
    bg: {
        backgroundColor: '#000000'
    },
};
// setTimeout(() => {
//     chart.setOption(option)
// }, 2000);