zaibei_charts/test/funnel/ChartFunnel2/index.js

import Chart from "../../../src/chart/funnel/ChartFunnel2/ChartFunnel2";
// 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"),{});

window.addEventListener("resize",function () {
    // console.log("???")
    bar.resize()
});
// 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: "80%",
//                 top: '20%',
//                 orient: 'vertical',
//                 itemWidth: 8,
//                 itemHeight: 8,
//                 borderRadius: 0,
//                 textStyle: {
//                 fontSize: 14,
//                     color: "#ffffff"
//             }
//         },
//         tooltip: {
//             show: true,
//                 paddingW:12,
//                 paddingH: 5,
//                 itemGap: 2,
//                 //距目标的偏移值
//                 offsetX: 15,
//                 offsetY: 0,
//                 titleFontSize:16,
//                 titleColor: '#ffffff',
//                 itemFontSize:12,
//                 itemColor:"#ffffff",
//                 borderColor: '#fea511',
//                 borderWidth: 1,
//                 backgroundColor: 'rgba(0,0,0,0.2)',
//
//         },
//         grid: {
//             left: "20%",
//                 right: "30%",
//                 top: "20%",
//                 bottom: "20%"
//         },
//         funnel: {
//             left: '25%',
//                 top: '10%',
//                 width: '60%',
//                 minSize: '0%',
//                 maxSize: '100%',
//                 sort: 'descending',
//                 gap: 3,
//                 changePercent:{
//                 show:true,
//                     lineColor:'#666666',
//                     fontSize: 14,
//                     textColor: '#eeeeee'
//             },
//             shape: {
//                 faceColor:"#ffffff"
//
//             }
//         },
//         //  calculable: true,
//         series: [{
//             value: 60,
//             name: '访问'
//         }, {
//             value: 40,
//             name: '咨询'
//         }, {
//             value: 20,
//             name: '订单'
//         }, {
//             value: 80,
//             name: '点击'
//         }, {
//             value: 100,
//             name: '展现'
//         }]
//     })
// },3000)