zaibei_charts/test/zaibei/ChartBar15/index.js

import Chart from "../../../src/chart/zaibei/ChartBar15/ChartBar15";
// import bar15 from "./ChartBar15_1eba2";

const consoleWarn = window.console.warn;
window.console.warn = function() {
    const string = arguments[0];
    const filterStrings = [
        'is not power of two',
        'image is too big',
        'marked for update',
        'can\'t invert matrix'
    ];
    // filter warnings containing above strings
    const shouldBeFiltered = filterStrings.some(string => (
        arguments[0].includes('THREE') && arguments[0].includes(string)
    ));
    if (shouldBeFiltered) {
        // console.log("find",arguments[0])

        // log it to console without second argument, which contains reference to `image`
        // consoleWarn.call(null, arguments[0]);
    } else {
        // pass other warnings without changes
        consoleWarn.apply(null, arguments);
    }
};
// let bar =new bar15(document.querySelector(".c1"),{})
let bar = new Chart(document.querySelector(".c1"), {});
console.log(1111, bar)
window.addEventListener("resize", function() {
        // console.log("???")
        bar.resize()
    })
    // let p;
    // setTimeout(()=>{
    //     bar.setOption({
    //         color: ['#0a73dc', '#04a2ae', '#424a95', '#2a7ebe', '#113b85', '#a2f9ff', '#01a0c8', '#5879c0', '#74e9f2', '#126087', '#99b5da'],
    //         bg: {
    //             backgroundColor: "#000000",
    //             showBgPlane:true,
    //             bgPlaneColor:'#ffffff',
    //             borderColor:'#0000ff'
    //         },
    //         legend: {
    //             show: true,
    //             left: "70%",
    //             top: '5%',
    //             orient: 'horizontal',
    //             itemWidth: 8,
    //             itemHeight: 8,
    //             borderRadius: 0,
    //             textStyle: {
    //                 fontSize: 14,
    //                 color: "#ffffff"
    //             }
    //         },
    //         tooltip: {
    //             show: true,
    //             paddingW:10,
    //             paddingH: 10,
    //             itemGap: 2,
    //             //距目标的偏移值
    //             offsetX: 15,
    //             offsetY: 0,
    //             titleFontSize:14,
    //             titleColor: '#ff0000',
    //             itemFontSize:12,
    //             itemColor:"#ffffff",
    //             borderColor: '#ccc',
    //             borderWidth: 0,
    //             backgroundColor: 'rgba(255,255,255,0)',
    //
    //         },
    //         grid: {
    //             left: "40%",
    //             right: "30",
    //             top: "30%",
    //             bottom: "40%"
    //         },
    //         valueAxis: {
    //             textStyle: {
    //                 fontSize: 12,
    //                 color: "#ffffff",
    //                 shadowBlur: 10,
    //                 shadowColor: "#ffff00"
    //             }
    //         },
    //         categoryAxis: {
    //             textStyle: {
    //                 fontSize: 14,
    //                 color: "#ffffff",
    //                 shadowBlur: 0,
    //                 shadowColor: "#ffffff"
    //             },
    //             data: ["小米", "华为", "苹果", "三星"]
    //         },
    //         series: [{
    //             name: "一季度销量",
    //             data: [639539, 548671, 457822, 223133]
    //         },
    //             {
    //                 name: "二季度销量",
    //                 data: [581244, 563334, 512544, 496554]
    //             }
    //         ]
    //     })
    // },4000);
    //
    // setTimeout(()=>{
    //     bar.setCameraPosition(p);
    // },4000);