Echarts-3D地球可视化效果超炫酷

最新推荐文章于 2024-08-13 14:59:00 发布

骆骆爱学习

最新推荐文章于 2024-08-13 14:59:00 发布

阅读量2.1k

点赞数 3

原文链接：https://echarts.apache.org/examples/zh/editor.html?c=globe-atmosphere&gl=1

版权

import * as echarts from 'echarts';
import 'echarts-gl';

var ROOT_PATH =
  'https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/examples';

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

option = {
  backgroundColor: '#000',
  globe: {
    baseTexture: ROOT_PATH + '/data-gl/asset/earth.jpg',
    shading: 'lambert',
    environment: ROOT_PATH + '/data-gl/asset/starfield.jpg',
    atmosphere: {
      show: true
    },
    light: {
      ambient: {
        intensity: 0.1
      },
      main: {
        intensity: 1.5
      }
    }
  },
  series: []
};

option && myChart.setOption(option);