zaibei_charts/test/radar/ChartRadar3/index.js

import ChartBar3 from '../../../src/chart/radar/ChartRadar3/ChartRadar3.js';

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

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

let option = {
	title: {},
	tooltip: {
		titleColor: '#ffba00',
		bgStyle: {
			borderColor: '#006b7b',
			borderWidth: 1,
			backgroundColor: '#051936',
		},
	},
	color:['#ff0000',"#3FFFA7","#3F90FF"],
	legend: {
		show: true,
		left: "center",
		top: 'top',
		orient: 'horizontal',
		itemWidth: 12,
		itemGap: 10, 
	},
	radar: {
		// shape: 'circle',
		left: '50%',
		top: '55%',
		size: '80%',
		// lineStyle: {
		// 	lineWidth: 2
		// },
		circleSize: 3,
		indicatorName: {
			color: '#838d8f',
			fontSize: 16
		},
		lineStyle: {
			lineWidth: 1,
			color: '#212122'
		},
		icon:{
			size:5,
			color: "#3FFFA7"
		},
		particleNum: 300,
		indicator: [{
				name: '销售',
				max: 100
			},
			{
				name: '管理',
				max: 100
			},
			{
				name: '信息技术',
				max: 100
			},
			// {
			// 	name: '客服',
			// 	max: 100
			// },
			// {
			// 	name: '研发',
			// 	max: 100
			// },
			// {
			// 	name: '客',
			// 	max: 100
			// },
			// {
			// 	name: '发',
			// 	max: 100
			// }
		]
	},
	series: [
		{
			name: '预算分配',
			type: 'radar',
			// areaStyle: {normal: {}},
			data: [60, 61, 63],//, 67, 70
		},
		{
			name: '实际开销',
			type: 'radar',
			// areaStyle: {normal: {}},
			data: [91, 87, 74],//, 85, 83
			
		},
		{
			name: '理想开销',
			type: 'radar',
			// areaStyle: {normal: {}},
			data: [21, 57, 14],//, 85, 83
			
		}
	],
	bg:{
		backgroundColor:"#000000"
	},

};
setTimeout(()=>{
	// chart.setOption(option)
},2000)