import ChartBar from '../../../src/chart/map/ChartDpChinaMap/ChartDpChinaMap.js';
import dot from './data/dot2';
import dot2 from './data/dot3';

import heat from './data/heat';
import area from './data/area';
// import data2 from "../../../src/chart/map/ChartDpMapCN/data/heat";
// import data3 from "../../../src/chart/map/ChartDpMapCN/data/dot";
let mapStyle = [{
    type: "map",
    id: "map",
    style: {
        backgroundColor: '#ff0000',
        // geoColor: '#ff0000',
        geoColor: '#00B6FF',
        worldColor: '#0186E7',
        worldShow: true,
        lineShow:false,
        bgShow: false,
        nameSize: 18,
        textShow: true,
        textColor: '#A4D3F6',
        textOpacity: "100%",
        borderColor: '#00F6FF',
        chinaBorderColor: '#FFFFFF',
        cameraAngle: 40,
        changeControl: true,
        // mousemoveControl: false
    }
},{
    type: "legend",
    id: "legend",
    style: {
        color: "skyblue",
        left: "20%",
        top: "70%"
    }
}];

let dotData=JSON.parse(JSON.stringify(dot));
let dotData2=JSON.parse(JSON.stringify(dot2));

let bar = new ChartBar(document.getElementsByClassName('c1')[0],{});

dotData[0].data.map(v=>{
   delete  v.type;
});
// setTimeout(()=>{
//     bar.setOption(dotData2);
// },4000);
setTimeout(()=>{
    // bar.setOption(mapStyle);
},2000);
// setTimeout(()=>{
//     // bar.setOption(dotData);
// },3000);
// setTimeout(()=>{
//     // bar.setOption(dotData);
// },4000);
// setTimeout(()=>{
//     // bar.setOption(dotData);
// },5000);
// setTimeout(()=>{
//     // bar.setOption(dotData);
// },6000);
// setTimeout(()=>{
//     let ary=dot.concat([{
//         type: "legend",
//         id: "legend",
//         style: {
//             color: "#ff0000",
//             left: "20%",
//             top: "86%"
//         }
//     }]);
//     bar.setOption(ary);
// },5000);
window.addEventListener('resize', () => {
    bar.resize();
});