zaibei_charts/test/center/ChartCenterChinaMap1/index.js

import ChartBar from '../../../src/chart/center/ChartCenterChinaMap1/ChartCenterChinaMap1.js';
import dotData from "./dot";
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',
    ];
    // 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);
    }
};
import dotData1 from "./dot";
// import dot from "../ChartDpMapCN2/data/dot";

let bar = new ChartBar(document.getElementsByClassName('c1')[0], {});
window.addEventListener('resize', () => {
    bar.resize();
});
let dd=JSON.parse(JSON.stringify(dotData));
let data=dd[0].data.map(v=>{
    delete v["type"];
    return v;
});
console.log(data);
let mapOpt=[{
    type: "map",
    id: "map",
    style: {
        backgroundColor: '#0f3c6d',
        geoColor: '#366efb',
        textShow: true,
        textColor: '#63e1e3',
        textOpacity: "100%",
        borderColor: '#63e1e3',
        cameraAngle: 15,
        "topStyle": {
            "left": "2%",
            "bottom": "35%"
        }
    }
},{
    "type": "area",
    "id": "area2",
    "name": "省份数据",
    "style": {
        "show":true,
        "maxValue": 10,
        "color": ["#022bfc", "#02f3fc", "#fcf902", "#fc3702"],
        "opacity": 0.4,
        "topStyle":{
            "left":"2%",
            "bottom":"5%"
        }
    },
    "data": []
},{
    "type": "area",
    "id": "area3",
    "name": "省份数据",
    "style": {
        "show":true,
        "maxValue": 10,
        "color": ["#022bfc", "#02f3fc", "#fcf902", "#fc3702"],
        "opacity": 0.4,
        "topStyle":{
            "left":"2%",
            "bottom":"5%"
        }
    },
    "data": [


    ]
}];
// console.log(dotData1)
// setTimeout(() => {
// 	bar.setOption(dotOpt);
// }, 5000);
setTimeout(() => {
    bar.setOption(mapOpt);
}, 5000);

// setTimeout(() => {
//     bar.setOption({"color":["#2e4ccc","#2e62cc","#a12ecc","#752ecc","#442ecc","#2e78cc","#2e92cc","#2eb4cc","#2ecc71"],"bg":{"geoColor":"rgb(100, 149, 253)","backgroundColor":"rgba(0,0,0,0)"},"series":[{"type":"line","color":"rgb(5, 201, 250)","data":[{"fromName":"北京","from":[116.38,39.9],"toName":"xxx","to":[41.75,12.45]},{"fromName":"北京","from":[116.38,39.9],"toName":"达尔文","to":[130.85,12.47]},{"fromName":"北京","from":[116.38,39.9],"toName":"广岛","to":[132.45,34.533]},{"fromName":"北京","from":[116.38,39.9],"toName":"秘鲁","to":[76.917,12.1]},{"fromName":"北京","from":[116.38,39.9],"toName":"普罗维登斯","to":[-71.417,41.817]}]}],"noTheme":{},"useDashboardTheme":false,"column":{"series":["起始地点名称","起始地点经度","起始地点纬度","到达地点名称","到达地点经度","到达地点纬度"]},"dataConfig":{"column":{"series":["起始地点名称","起始地点经度","起始地点纬度","到达地点名称","到达地点经度","到达地点纬度"]},"dataConfig":{"series":{"起始地点名称":["北京","北京","北京","北京","北京"],"起始地点经度":[116.38,116.38,116.38,116.38,116.38],"起始地点纬度":[39.9,39.9,39.9,39.9,39.9],"到达地点名称":["xxx","达尔文","广岛","秘鲁","普罗维登斯"],"到达地点经度":[41.75,130.85,132.45,76.917,-71.417],"到达地点纬度":[12.45,12.47,34.533,12.1,41.817]}},"configList":[{"name":"起始名称","comType":"single","defaultKey":"起始地点名称"},{"name":"起始经度","comType":"single","defaultKey":"起始地点经度"},{"name":"起始纬度","comType":"single","defaultKey":"起始地点纬度"},{"name":"到达名称","comType":"single","defaultKey":"到达地点名称"},{"name":"到达经度","comType":"single","defaultKey":"到达地点经度"},{"name":"到达纬度","comType":"single","defaultKey":"到达地点纬度"}],"defaultData":{"起始地点经度":[116.38,116.38,116.38,116.38,116.38],"起始地点纬度":[39.9,39.9,39.9,39.9,39.9],"起始地点名称":["北京","北京","北京","北京","北京"],"到达地点经度":[41.75,130.85,132.45,76.917,-71.417],"到达地点纬度":[12.45,12.47,34.533,12.1,41.817],"到达地点名称":["xxx","达尔文","广岛","秘鲁","普罗维登斯"]}},"customizeData":{"bg":{"name":"背景","sub":{"geoColor":{"name":"地图颜色","comType":"colorPicker","defaultValue":"rgb(0, 149, 253)"},"backgroundColor":{"name":"背景颜色","comType":"colorPicker","defaultValue":"rgba(0,0,0,0)"}}},"series":{"name":"流线","sub":{"color":{"name":"颜色","comType":"colorPicker","defaultValue":"rgb(5, 201, 250)"}}},"noTheme":true},"chartName":"ChartMapDP","chartCuid":"CHART-ff8080816884bad00168850cc2790006","dataError":false});
//
// }, 5000 );
//
//
// setTimeout(() => {
// 	bar = new ChartBar(document.getElementsByClassName('c1')[0], {
// 		bg: {
// 			backgroundColor: "red"
// 		}
// 	});
// 	// bar.setOption({})
// }, 10000 )