zaibei_charts/test/center/ChartCenterTable/index.js

import ChartTable from '../../../src/chart/center/ChartCenterTable/ChartCenterTable.js';

let chart=new ChartTable(document.getElementsByClassName('c1')[0],{});
window.addEventListener('resize',()=>{
	chart.resize();
});

let defaultOption = {
	title:{},
	bg:{
		backgroundColor:"#1c334d"
	},
	grid:{
		left: "20%",
		right: "20%",
		top: "20%",
		bottom: "20%"
	},
	table: {
		visibleNum:7,
		margin: 6,
		headFontSize:14,
        tableFontSize:14,
		tableHeaderColor:"#22e4ff",
		headBgColor:"#12283d",
		squareBgColor:"#06abc1",
		lineBgColor:"#094d5a", 
		tableTextColor:"#1dbfd4",
		fillColor1:"#0d141c",
		fillColor2:"#102332",
		borderColor1: "#0b2933",
		borderColor2: "#0a4a56",
		highlightColor: '#fdcf00',
		cornerColor: "#1c334d"
		// borderWidth: 1,
		// rankingTop1:"#e71f49",
		// rankingTop2:"#e76a1f",
		// rankingTop3:"#e7991f",
		// rankingTopTextColor:"#040a13"
	},
	series: [{
			name: '序号',

			data: [1, 2, 3, 4, 5,6, 7, 8, 9, 10]
		},
		{
			name: '分类1',

			data: ['类型1','类型2','类型3','类型4','类型5','类型6','类型7','类型8','类型9','类型10'],
		},
		{
			name: '属性2',

			data: ['属性1','属性2','属性3','属性4','属性5','属性6','属性7','属性8','属性9','属性10'],
		}
		,
		{
			name: '属性3',

			data: ['属性1','属性2','属性3','属性4','属性5','属性6','属性7','属性8','属性9','属性10'],
		}
	]
};
setTimeout(() => {
	chart.setOption(defaultOption)
}, 2000);