echarts3d地球+3D Scatter+3D Lines做攻击趋势

最新推荐文章于 2024-08-18 10:42:53 发布

Lun_dy

最新推荐文章于 2024-08-18 10:42:53 发布

阅读量2.4k

点赞数 3

分类专栏： echarts 文章标签： echarts 3d地球 3d scatter 3d lines echarts-gl

本文链接：https://blog.csdn.net/Lun_dy/article/details/103495270

版权

本文通过echarts的3d地球、3D Scatter和3D Lines组件，展示了如何构建一个展示攻击趋势的可视化应用。虽然具体的代码和图片因项目原因未能展示，但提到了纹理图可在echarts官网获取。

摘要由CSDN通过智能技术生成

@[echarts](3d地球+3D Scatter+3D Lines做攻击趋势)
一、话不多说上代码

//vue 装依赖后直接引入，其他的话官网下载文件，3d需要gl支持，具体属性含义详见echarts Api
var echarts = require('echarts');
require('echarts-gl');

 var worldfightchart = echarts.init(document.getElementById('globefight'));
            var canvas = document.createElement('canvas');
            var mapChart = echarts.init(canvas, null, {
   
                width: 2048,
                height: 1024
            });
            mapChart.setOption({
   
                geo: {
   
                type: 'map',
                map: 'world',
                top: 0,
                left: 0,
                right: 0,
                bottom: 0,
                boundingCoords: [[-180, 90], [180, -90]],
                silent: true,
                itemStyle: {
   
                    normal: {
   
                        borderColor: 'rgb(50, 50, 150)',
                        areaColor: 'transparent'
                    }
                },
                label: {
   
                    normal: {
   
                        textStyle