zaibei_charts/test/map/ChartChinaMap4/index.js

import ChartBar from '../../../src/chart/map/ChartChinaMap4/ChartChinaMap4.js';
import dotData from "./dot";
import lineData from "./line";
import line2 from "./line2";

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();
// });
window.addEventListener("elementClick",function (e) {
    console.log("elementClick",e.detail)
});
window.addEventListener("mapDown",function (e) {
    console.log("mapDown",e.detail)
});
let dd = JSON.parse(JSON.stringify(dotData));
let data = dd[0].data.map(v => {
    delete v["type"];
    return v;
});
let mapOpt = [
    {
    type: "map",
    id: "map",
    style: {
        backgroundColor: '#000000',
        geoColor: '#999999',
        textShow: true,
        textColor: '#63e1e3',
        textOpacity: "100%",
        borderColor: "#ff0000",
        cameraAngle: 0,
    }},{
    "type": "area",
    "id": "area2",
    "name": "省份数据",
    "style": {
        "show":false,
        "maxValue": 10,
        "color": ["#022bfc", "#02f3fc", "#fcf902", "#fc3702"],
        "opacity": 0.4,
        "emphasisColor":"#8B572A"
    },
    "data": [
        { "name": "湖南", "value": 10},
        { "name": "湖北", "value": 5},
        { "name": "河南", "value": 3},
        { "name": "河北", "value": 8},
        { "name": "四川", "value": 3},
        { "name": "甘肃", "value": 9},
        { "name": "广西", "value": 8},
        { "name": "广东", "value": 8},
        { "name": "浙江", "value": 3},
        { "name": "福建", "value": 6},
        { "name": "吉林", "value": 1},
        { "name": "辽宁", "value": 0},
        {"name": "山东", "value": 0},
        {"name": "山西", "value": 0},
        {"name": "黑龙江", "value": 0},
        {"name": "内蒙古", "value": 0},
        {"name": "新疆", "value": 0},
        {"name": "西藏", "value": 0},
        {"name": "青海", "value": 0},
        {"name": "北京", "value": 10},
        {"name": "天津", "value": 0},
        {"name": "陕西", "value": 0},
        {"name": "宁夏", "value": 0},
        {"name": "江苏", "value": 0},
        {"name": "安徽", "value": 0},
        {"name": "重庆", "value": 0},
        {"name": "云南", "value": 0},
        {"name": "贵州", "value": 0},
        {"name": "江西", "value": 0},
        {"name": "海南", "value": 0},
        {"name": "台湾", "value": 0},
        {"name": "山东", "value": 0},
        {"name": "上海", "value": 10}
    ]}
    ]
// console.log(dotData1)
let line=JSON.parse(JSON.stringify(lineData));
let lineD2=JSON.parse(JSON.stringify(line2));

setTimeout(() => {
	bar.setOption(line);
}, 5000);
setTimeout(() => {
	bar.setOption(lineD2);
}, 10000);
// setTimeout(() => {
//     bar.setOption(mapOpt);
// },4000);
// setTimeout(() => {
//     bar.setOption([
//         {
//             type: "map",
//             id: "map",
//             style: {
//                 backgroundColor: '#000000',
//                 geoColor: '#333333',
//                 textShow: true,
//                 textColor: '#63e1e3',
//                 textOpacity: "100%",
//                 borderColor: "#ff0000",
//                 cameraAngle: 0,
//             }},{
//             "type": "area",
//             "id": "area2",
//             "name": "省份数据",
//             "style": {
//                 "show":false,
//                 "maxValue": 10,
//                 "color": ["#022bfc", "#02f3fc", "#fcf902", "#fc3702"],
//                 "opacity": 0.4,
//                 "emphasisColor":"#8B572A"
//             },
//             "data": [
//                 { "name": "湖南", "value": 10},
//                 { "name": "湖北", "value": 5},
//                 { "name": "河南", "value": 3},
//                 { "name": "河北", "value": 8},
//                 { "name": "四川", "value": 3},
//                 { "name": "甘肃", "value": 9},
//                 { "name": "广西", "value": 8},
//                 { "name": "广东", "value": 8},
//                 { "name": "浙江", "value": 3},
//                 { "name": "福建", "value": 6},
//                 { "name": "吉林", "value": 1},
//                 { "name": "辽宁", "value": 0},
//                 {"name": "山东", "value": 0},
//                 {"name": "山西", "value": 0},
//                 {"name": "黑龙江", "value": 0},
//                 {"name": "内蒙古", "value": 0},
//                 {"name": "新疆", "value": 0},
//                 {"name": "西藏", "value": 0},
//                 {"name": "青海", "value": 0},
//                 {"name": "北京", "value": 10},
//                 {"name": "天津", "value": 0},
//                 {"name": "陕西", "value": 0},
//                 {"name": "宁夏", "value": 0},
//                 {"name": "江苏", "value": 0},
//                 {"name": "安徽", "value": 0},
//                 {"name": "重庆", "value": 0},
//                 {"name": "云南", "value": 0},
//                 {"name": "贵州", "value": 0},
//                 {"name": "江西", "value": 0},
//                 {"name": "海南", "value": 0},
//                 {"name": "台湾", "value": 0},
//                 {"name": "山东", "value": 0},
//                 {"name": "上海", "value": 10}
//             ]}
//     ]);
// },8000);
// 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 );
//
//