地球透明echarts scatter3D配置项内容和展示

地球透明

      // var uploadedDataURL = "/asset/get/s/data-1567587302321-iYA4ItuUM.json";
var canvas = document.createElement('canvas');
var mapChart = echarts.init(canvas, null, {
    width: 768,
    height: 768
});

$.getJSON('/asset/get/s/data-1567587302321-iYA4ItuUM.json', function (data) {

    data = data.filter(function (dataItem) {
        return dataItem[2] > 0;
    }).map(function (dataItem) {
        return [dataItem[0], dataItem[1], Math.sqrt(dataItem[2])];
    });

    myChart.setOption({
        visualMap: {
            show: false,
            min: 0,
            max: 60,
            inRange: {
                symbolSize: [1.0, 10.0]
            }
        },
        globe: {

            // environment: ROOT_PATH + 'data-gl/asset/starfield.jpg',

            // heightTexture: ROOT_PATH + 'data-gl/asset/bathymetry_bw_composite_4k.jpg',

            displacementScale: 0.05,
            displacementQuality: 'high',

            globeOuterRadius: 100,

            baseColor: 'none',

            // shading: 'realistic',
            // realisticMaterial: {
            //     roughness: 0.2,
            //     metalness: 0
            // },

            // postEffect: {
            //     enable: true,
            //     depthOfField: {
            //         focalRange: 15,
            //         enable: true,
            //         focalDistance: 100
            //     }
            // },
            // temporalSuperSampling: {
            //     enable: true
            // },
            // light: {
            //     ambient: {
            //         intensity: 0
            //     },
            //     main: {
            //         intensity: 0.1,
            //         shadow: false
            //     },
            //     ambientCubemap: {
            //         // texture: ROOT_PATH + 'data-gl/asset/lake.hdr',
            //         exposure: 1,
            //         diffuseIntensity: 0.5,
            //         specularIntensity: 2
            //     }
            // },
            // viewControl: {
            //     autoRotate: false,
            //     beta: 180,
            //     alpha: 20,
            //     distance: 100
            // }
        },
        series: {
            type: 'scatter3D',
            coordinateSystem: 'globe',
            blendMode: 'lighter',
            symbolSize: 2,
            itemStyle: {
                color: 'rgb(50, 50, 150)',
                opacity: 1
            },
            data: data
        }
    });
});