import ChartBar from '../../../src/chart/map/ChartChinaMap2/ChartChinaMap2.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(); }); 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) // setTimeout(() => { // bar.setOption(dotOpt); // }, 5000); // 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 ); // // // setTimeout(() => { // bar = new ChartBar(document.getElementsByClassName('c1')[0], { // bg: { // backgroundColor: "red" // } // }); // // bar.setOption({}) // }, 10000 )