zaibei_charts/test/zaibei/ChartTable7/index.js

import ChartTable from '../../../src/chart/zaibei/ChartTable7/ChartTable7';

let body = document.getElementsByTagName("body")[0];
let opt2 = {
    "companyName": "天津市审计局",
    "area": "河西区",
    "people": "谢津秋",
    "email": "",
    "address": "天津市河西区琼州道97号",
    "industryType": "电子政务",
    "evenCoord": [
        117.2281691,
        39.10992505
    ],
    "shortName": "市审计局",
    "superior": "市委网信办",
    "phone": "022-23251546",
    "companyType": "党政机关",
    "systemGroup": [{
            "systemName": "审计监督一张网",
            "location": "自建机房",
            "use": "政务网站",
            "IP": [
                "111.160.27.115"
            ],
            "assetsNumber": 1,
            "attackNumber": 3,
            "attemptNumber": 3,
            "successNumber": 0,
            "attackIp": 1232348073,
            "attackTime": "28:12:03",
            "attackType": "僵尸网络",
            "successState": "否",
            "warningLevel": "中危",

        },
        {
            "systemName": "天津市审计局门户网站",
            "webName": [
                "sj.tj.gov.cn"
            ],
            "location": "政务云",
            "use": "门户网站",
            "IP": [
                "111.164.113.78"
            ],
            "assetsNumber": 1
        }
    ],
    "abnormalState": 0,
    "industry": 7,
    "id": 104
};
// let tooltipBox = new tooltip2(body,opt2);
let bar = new ChartTable(document.querySelector(".c1"), {});

// window.addEventListener('resize',()=>{
// 	chart.resize();
// });
setTimeout(() => {
    console.log(555, bar)
    bar.table.stopAnimate();
}, 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'],
        }
    ]
};