zaibei_charts/test/table/ChartTable8/index.js

import ChartTable from '../../../src/chart/table/ChartTable8/ChartTable8';

let chart=new ChartTable(document.getElementsByClassName('c1')[0],{});
window.addEventListener('resize',()=>{
	chart.resize();
});
setTimeout(()=>{
    // chart.setOption(opt);
},3000)
let opt = {
	bg:{
		backgroundColor:"#1C334B"
	},
	grid:{
		left: "20%",
		right: "20%",
		top: "20%",
		bottom: "20%"
	},
	table: {
		visibleNum:5,
		headFontSize:14,
        tableFontSize:14,
		tableHeaderColor:"#040a13",
		headBgColor:"rgba(31,90,128,0.5)",
		headBorderColor:"rgba(31,90,128,0)",
		lineBgColor:"#b1bd2a",
		tableTextColor:"#ffffff",
		fillColor:"rgba(0,0,0,0)",
		borderColor:"rgba(31,90,128,0.5)",
		rankingTop1:"#e71f49",
		rankingTop2:"#e76a1f",
		rankingTop3:"#e7991f",
		rankingTop4:"#00ff00",
		rankingTopTextColor:"#040a13"
	},
	series: [{
			name: '序号',

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

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

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

			data: ['属性1','属性2','属性3','属性4','属性5','属性6','属性7qwewqewqewqweqwqewqewq','属性8','属性9'],
		}
	]
};