3D柱状图叠加,直接上代码

最新推荐文章于 2024-10-14 11:08:58 发布
最新推荐文章于 2024-10-14 11:08:58 发布
阅读量193 收藏
点赞数
文章标签： 3d echarts 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43249785/article/details/130621326
版权

 

    initEventBarLine() {
      let myChart = echarts.init(this.$refs.barlinechart1);
      let eventDataOneAll = [40, 40]
      let barOne1 = [8, 5]
      let barOne2 = [10, 4]
      let barOne3 = [8, 6]
      let barOne4 = [8, 10]
      let barOneSum1 = []
      barOne1.forEach((ele, index) => {
        barOneSum1.push(ele + barOne2[index])
      })
      let barOneSum2 = []
      barOne3.forEach((ele, index) => {
        barOneSum2.push(ele + barOneSum1[index])
      })
      let barOneSum3 = []
      barOne4.forEach((ele, index) => {
        barOneSum3.push(ele + barOneSum2[index])
      })

      let eventDataTwoAll = [40, 40]
      let barTwo1 = [4, 7]
      let barTwo2 = [6, 8]
      let barTwo3 = [8, 4]
      let barTwo4 = [12, 5]
      let barTwoSum1 = []
      barTwo1.forEach((ele, index) => {
        barTwoSum1.push(ele + barTwo2[index])
      })
      let barTwoSum2 = []
      barTwo3.forEach((ele, index) => {
        barTwoSum2.push(ele + barTwoSum1[index])
      })
      let barTwoSum3 = []
      barTwo4.forEach((ele, index) => {
        barTwoSum3.push(ele + barTwoSum2[index])
      })
      let option;

      option = {
        animation: true,
        animationDuration: 5000,
        tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "cross",
            label: {
              backgroundColor: "#6a7985",
              fontSize: 20,
            },
          },
        },
        xAxis: [
          {
            type: "category",
            data: ["火灾", "交通"],
            axisLine: {
              show: true,
              lineStyle: {
                color: "#fff",
                width: 2,
              },//隐藏y轴
            },
            axisLabel: {
              show: true,
              color: '#fff',
              fontSize: 20,
              interval: 0
            },
            axisTick: {
              show: false, // 是否显示坐标轴刻度
            },
          },
          {
            show: false,
            type: "category",
            data: ["", ""],
          },
          {
            show: false,
            type: "category",
            data: ["", ""],
          },
        ],
        grid: {
          top: "12%",
          left: "40",
          bottom: "12%",
          right: "4%",
        },
        legend: {
          show: false,
          textStyle: {
            fontSize: 20,//字体大小
            color: '#fff'//字体颜色
          },
          right: 30,
          itemWidth: 28,
          itemHeight: 14,
        },

        yAxis: {
          name: "单位: 次",
          type: "value",
          nameGap: '14',
          nameTextStyle: {//y轴上方单位的颜色
            color: '#FFD200',
            fontSize: 20,
            fontFamily: 'fashionsimp'
          },
          max: 40,
          axisLabel: {
            show: true,
            interval: 0, // 使x轴文字显示全
            color: '#fff',
            fontSize: 20
          },

          axisLine: {
            show: true,
            lineStyle: {
              color: "#fff",
              width: 2,
            }, //隐藏y轴
          },
          axisTick: {
            show: false, // 是否显示坐标轴刻度
          },
          splitLine: {//分割线配置
            show: true,
            lineStyle: {
              color: '#213965',
            }
          }
        },
        series: [
          {
            z: 0,
            name: '2022',
            type: 'bar',
            data: eventDataOneAll,
            itemStyle: {
              borderWidth: 0,
              borderColor: 'rgba(11,94,148,1)',
              color: 'rgba(255,175,2,.3)'
            },
            xAxisIndex: 0,
            barWidth: 26, //柱子宽度
            tooltip:{
              show:false
            },
          },
        //第一个柱子
          {
            z: 1,
            name: '特别重大',
            type: 'bar',
            barWidth: 26,
            xAxisIndex: 1,
            stack: 'Search',
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                  { offset: 0.5, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                  { offset: 0.6, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                  { offset: 1, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                ]
              )
            },
            data: barOne1
          },
           // 第一个柱子头部盖子
          {
            z: 1,
            name: "特别重大",
            data: barOne1,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            symbolOffset: [-16, -4],
            symbolSize: [26, 8],
            tooltip:{
              show:false
            },
            zlevel: 2,
            itemStyle: {
              normal: {
                // color: '#d6cccc'
                 color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(183, 84, 165, 1)' },
                        { offset: 0.5, color: 'rgba(226, 170, 217, 0.99)' },
                        { offset: 0.6, color: 'rgba(183, 84, 165, 1)' },
                        { offset: 1, color: 'rgba(226, 170, 217, 0.99)' },
                    ]
                )
              }
            }
          },
        // 第一个柱子底部盖子
          {
            z: 1,
            name: "特别重大",
            data: barOne1,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'start',
            xAxisIndex: 2,
            symbolOffset: [-16, 3],
            symbolSize: [26, 8],
            zlevel: 2,
            tooltip:{
              show:false
            },
            itemStyle: {
              normal: {
                // color: '#E7BAC0',
                color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                        { offset: 0.5, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                        { offset: 0.6, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                        { offset: 1, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                    ]
                )
              }
            }
          },
         // 第一根柱子的第2个
          {
            z: 2,
            name: '重大',
            type: 'bar',
            barWidth: 26,
            stack: 'Search',
            xAxisIndex: 2,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(183, 84, 165, 1)' },                   //柱图渐变色
                  { offset: 0.5, color: 'rgba(226, 170, 217, 0.99)' },                   //柱图渐变色
                  { offset: 0.6, color: 'rgba(183, 84, 165, 1)' },                   //柱图渐变色
                  { offset: 1, color: 'rgba(226, 170, 217, 0.99)' },                   //柱图渐变色
                ]
              )
            },
            data: barOne2,
          },
           // 第一根柱子的第2个盖子
          {
            z: 1,
            name: "重大",
            data: barOneSum1,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            symbolOffset: [-16, -4],
            symbolSize: [26, 8],
            zlevel: 2,
            tooltip:{
              show:false
            },
            itemStyle: {
              normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(255, 178, 30, 1)' },
                        { offset: 0.5, color: 'rgba(255, 232, 107, 1)' },
                        { offset: 0.6, color: 'rgba(255, 178, 30, 1)' },
                        { offset: 1, color: 'rgba(255, 232, 107, 1)' },
                    ]
                )
              }
            }
          },
          // 第一根柱子的第3个
          {
            z: 2,
            name: '较大',
            type: 'bar',
            barWidth: 26,
            stack: 'Search',
            xAxisIndex: 2,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(255, 178, 30, 1)' },                   //柱图渐变色
                  { offset: 0.5, color: 'rgba(255, 232, 107, 1)' },                   //柱图渐变色
                  { offset: 0.6, color: 'rgba(255, 178, 30, 1)' },                   //柱图渐变色
                  { offset: 1, color: 'rgba(255, 232, 107, 1)' },                   //柱图渐变色
                ]
              )
            },
            data: barOne3,
          },
           // 第一根柱子的第3个盖子
          {
            z: 1,
            name: "较大",
            data: barOneSum2,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            symbolOffset: [-16, -4],
            symbolSize: [26, 8],
            zlevel: 2,
            tooltip:{
              show:false
            },
            itemStyle: {
              normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(113, 163, 243, 1)' },                   //柱图渐变色
                        { offset: 0.5, color: 'rgba(164, 196, 247, 1)' },                   //柱图渐变色
                        { offset: 0.6, color: 'rgba(113, 163, 243, 1)' },                   //柱图渐变色
                        { offset: 1, color: 'rgba(164, 196, 247, 1)' },                   //柱图渐变色
                    ]
                )
              }
            }
          },
          // 第一根柱子的第4个
          {
            z: 2,
            name: '一般',
            type: 'bar',
            barWidth: 26,
            stack: 'Search',
            xAxisIndex: 2,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(113, 163, 243, 1)' },
                  { offset: 0.5, color: 'rgba(164, 196, 247, 1)' },
                  { offset: 0.6, color: 'rgba(113, 163, 243, 1)' },
                  { offset: 1, color: 'rgba(164, 196, 247, 1)' },
                ]
              )
            },
            data: barOne4,
          },
           // 第一根柱子的第4个盖子
          {
            z: 1,
            name: "一般",
            data: barOneSum3,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            tooltip:{
              show:false
            },
            symbolOffset: [-16, -4],
            symbolSize: [26, 8],
            zlevel: 2,
            itemStyle: {
              normal: {
                color: '#9AB6D8'
              }
            }
          },


         //第二根柱子
          {
            z: 0,
            name: '2023',
            type: 'bar',
            tooltip:{
              show:false
            },
            data: eventDataTwoAll,
            itemStyle: {
              borderWidth: 0,
              borderColor: 'rgba(164,114,43,1)',
              color: 'rgba(61,195,255,.3)'
            },
            xAxisIndex: 0,
            barWidth: 26, //柱子宽度
          },
          {
            z: 1,
            name: '特别重大',
            type: 'bar',
            barWidth: 26,
            xAxisIndex: 1,
            stack: 'plan',
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                  { offset: 0.5, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                  { offset: 0.6, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                  { offset: 1, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                ]
              )
            },
            data: barTwo1
          },
           // 第二根柱子头部盖子
          {
            z: 1,
            name: "特别重大",
            data: barTwo1,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            symbolOffset: [16, -4],
            symbolSize: [26, 8],
            zlevel: 2,
            tooltip:{
              show:false
            },
            itemStyle: {
              normal: {
                // color: '#d6cccc'
                 color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(183, 84, 165, 1)' },
                        { offset: 0.5, color: 'rgba(226, 170, 217, 0.99)' },
                        { offset: 0.6, color: 'rgba(183, 84, 165, 1)' },
                        { offset: 1, color: 'rgba(226, 170, 217, 0.99)' },
                    ]
                )
              }
            }
          },
        // 第二根柱子底部盖子
          {
            z: 1,
            name: "特别重大",
            data: barTwo1,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'start',
            xAxisIndex: 2,
            symbolOffset: [16, 3],
            symbolSize: [26, 8],
            zlevel: 2,
            tooltip:{
              show:false
            },
            itemStyle: {
              normal: {
                // color: '#E7BAC0',
                color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                        { offset: 0.5, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                        { offset: 0.6, color: 'rgba(242, 46, 16, 1)' },                   //柱图渐变色
                        { offset: 1, color: 'rgba(249, 107, 44, 1)' },                   //柱图渐变色
                    ]
                )
              }
            }
          },
         // 第二根柱子的第2个
          {
            z: 2,
            name: '重大',
            type: 'bar',
            barWidth: 26,
            stack: 'plan',
            xAxisIndex: 2,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(183, 84, 165, 1)' },                   //柱图渐变色
                  { offset: 0.5, color: 'rgba(226, 170, 217, 0.99)' },                   //柱图渐变色
                  { offset: 0.6, color: 'rgba(183, 84, 165, 1)' },                   //柱图渐变色
                  { offset: 1, color: 'rgba(226, 170, 217, 0.99)' },                   //柱图渐变色
                ]
              )
            },
            data: barTwo2,
          },
           // 第二根柱子的第2个盖子
          {
            z: 1,
            name: "重大",
            data: barTwoSum1,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            tooltip:{
              show:false
            },
            symbolOffset: [16, -4],
            symbolSize: [26, 8],
            zlevel: 2,
            itemStyle: {
              normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(255, 178, 30, 1)' },
                        { offset: 0.5, color: 'rgba(255, 232, 107, 1)' },
                        { offset: 0.6, color: 'rgba(255, 178, 30, 1)' },
                        { offset: 1, color: 'rgba(255, 232, 107, 1)' },
                    ]
                )
              }
            }
          },
          // 第二根柱子的第3个
          {
            z: 2,
            name: '较大',
            type: 'bar',
            barWidth: 26,
            stack: 'plan',
            xAxisIndex: 2,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(255, 178, 30, 1)' },                   //柱图渐变色
                  { offset: 0.5, color: 'rgba(255, 232, 107, 1)' },                   //柱图渐变色
                  { offset: 0.6, color: 'rgba(255, 178, 30, 1)' },                   //柱图渐变色
                  { offset: 1, color: 'rgba(255, 232, 107, 1)' },                   //柱图渐变色
                ]
              )
            },
            data: barTwo3,
          },
           // 第二根柱子的第3个盖子
          {
            z: 1,
            name: "较大",
            data: barTwoSum2,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            tooltip:{
              show:false
            },
            symbolOffset: [16, -4],
            symbolSize: [26, 8],
            zlevel: 2,
            itemStyle: {
              normal: {
                color: new echarts.graphic.LinearGradient(
                    0, 0, 1, 0,
                    [
                        { offset: 0, color: 'rgba(113, 163, 243, 1)' },                   //柱图渐变色
                        { offset: 0.5, color: 'rgba(164, 196, 247, 1)' },                   //柱图渐变色
                        { offset: 0.6, color: 'rgba(113, 163, 243, 1)' },                   //柱图渐变色
                        { offset: 1, color: 'rgba(164, 196, 247, 1)' },                   //柱图渐变色
                    ]
                )
              }
            }
          },
          // 第二根柱子的第4个
          {
            z: 2,
            name: '一般',
            type: 'bar',
            barWidth: 26,
            stack: 'plan',
            xAxisIndex: 2,
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                0, 0, 1, 0,
                [
                  { offset: 0, color: 'rgba(113, 163, 243, 1)' },
                  { offset: 0.5, color: 'rgba(164, 196, 247, 1)' },
                  { offset: 0.6, color: 'rgba(113, 163, 243, 1)' },
                  { offset: 1, color: 'rgba(164, 196, 247, 1)' },
                ]
              )
            },
            data: barTwo4,
          },
           // 第二根柱子的第4个盖子
          {
            z: 1,
            name: "一般",
            tooltip:{
              show:false
            },
            data: barTwoSum3,
            type: 'pictorialBar',
            symbol: 'diamond',
            symbolPosition: 'end',
            xAxisIndex: 2,
            symbolOffset: [16, -4],
            symbolSize: [26, 8],
            zlevel: 2,
            itemStyle: {
              normal: {
                color: '#9AB6D8'
              }
            }
          },

        ]

      };
      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);
    },

代码看上去有点多，但是原理很简单，要主要是柱子的样式代码较多，  拆开来看的话，就是平常的二维柱子然后给柱子顶部加一个‘盖子就行啦’，盖子可以是菱形，也可以是圆形，如果是圆形的盖子，显示的效果就变成圆柱体啦！实在看不懂的，复制代码一个一个配置，边改边看！下课！

Akun稳如老狗
关注
Python数据可视化 Pyecharts 制作 Bar3D 3D柱状图
Mr数据杨
06-15 4万+
大家好，我是Mr数据杨。想象一下，如果我们要对《三国演义》中各主要武将的武力，智力，政治等数值进行对比，Bar3D就是我们的利器。在《三国演义》中，诸葛亮、郭嘉和周瑜等人物的统计数据，可以用3D柱状图来清晰地展示。了解一下Bar3D的基本设置。这就像建立一个战场，选择一个合适的场地，准备充足的兵马粮草，所有这些就是绘制3D柱状图的基础环节。来讨论坐标轴的设置。这就如同在战场上部署兵力，如何安排，决定了战场形势的发展。
绘制3D Echarts地图 饼图 堆叠柱状图
Zaqenenen的博客
12-11 3094
绘制3D Echarts 目前在项目中遇到过的3D echarts为： 3D饼图(圆环图) 3D区域地图 3D堆叠柱状图。 先上效果，有更好方法的大佬求指教 1.echarts + echarts-gl => 绘制3D地图 npm install echarts npm install echarts-gl //配置项代码 , this.chartData为我导入的随州市json数据 echarts.registerMap('随州市', this.suiZhou,this.chartData);
echarts创建立体柱状图（堆叠或单独），面积折线图渐变配置项参考
Femi的博客欢迎大家
03-01 3310
参考效果如图 配置项中需要注意的几个要点： 1. 颜色取值需要有范围，以突出立体感 2. 对于需要堆叠的数据，设置相同stack 3. 对于pictorialBar类型的图，数据大小和图形显示位置通过data和symbolPosition: 'end'，symbolOffset: [0, '50%'],symbolSize: [barWidth, 10]进行调整 4.symbol: 'diamond'展示的是菱形图形，其他类型的可以参考官网配置项 示例代码如下： const color.
echart柱状图、电池图、3D柱图、3D圆柱图
qq_34200636的博客
01-20 4172
echarts柱状图、电池图、3D柱图、3D圆柱图
Echarts柱状图3d立体效果
m0_61169066的博客
06-27 3934
Echarts柱状体
echarts 3D圆柱图
qq_42669897的博客
08-19 1563
这圆柱图看起来是不是很像3d的呢。但它不是真正的3d，其实是用《象形图》拼积木一样拼凑出来的。哈哈哈，vue2、vue3两种写法有兴趣就往下看，废话不多说，上代码。
echarts:实现3D柱状图 柱状图渐变颜色设置
weixin_44899642的博客
07-08 3191
重点部分： 对于柱状图颜色的设置： (1): 其中柱状图的最上方的斜边形设置为type:‘pictorialBar’, symbol: ‘diamond’, 菱形 symbolPosition: ‘end’, (2):对于柱状图本身的设置 type: ‘bar’,
python画柱状图--不同颜色并显示数值的方法
09-19
Python是一种广泛应用于数据分析和可视化领域的编程语言，matplotlib是Python中最常用的绘图库之一，它可以创建各种图表，包括柱状图。在本篇内容中，我们将深入探讨如何使用matplotlib库在Python中绘制柱状图，并...
echarts叠加3d柱状图
09-13
要创建一个叠加的3D柱状图，使用ECharts库可以按照以下步骤进行操作： 1. 首先，确保你已经引入了ECharts库。你可以通过以下方式之一来引入： - 使用CDN链接：在HTML文件的`<head>`标签内添加以下代码： ```html...
Echarts地图添加柱状图解决方案
前端开发-陈善强
11-24 1201
在使用echarts做地图时，遇到了在地图上添加叠加柱状图的需求，当时遇到不少问题，为了有同样需求而无从下手的前端开发人员，能够高效完成开发，特此分享自己的一点经验。
echarts 柱图 立体_echarts 立体柱
weixin_39717029的博客
12-20 228
option = {backgroundColor: '#0e202d',tooltip: {},xAxis: {data: ["企业", "农专", "个体"],axisTick: {show: false},axisLine: {show: false},axisLabel: {show: false,textStyle: {color: '#e54035'}}},yAxis: {splitL...
Echarts 象形图
weixin_34377919的博客
05-15 619
为什么80%的码农都做不了架构师？>>> ...
echarts 柱状图头部显示头像
tqyqiutian的专栏
08-17 1795
var app = angular.module("app", ['ngDatepicker']);     app.controller("AppController", function ($scope, $http) {         //搜索         $scope.searchData = function () {             try {
特殊的象形柱图echarts
ya_nan_zhang的博客
05-28 1805
效果图 html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>特殊---柱图</title> <link rel="stylesheet" type="text/css" href="css/css-reset.css"/> &l...
echarts立体柱状图
qq_57589085的博客
07-15 381
echarts立体图
动态生成节点批量加载echarts图表
YLiu77的博客
11-10 786
通过后台返回的数组，根据数组新建多个节点，并对每个节点绘制echarts图表，这里是模拟罐高进度的效果。先上效果图： 代码如下： // 图表绘制 function showTank() { for (var i = 0; i < dataList.length; i++) { loadChart("tankChart" + i, dataList[i]) } } function loadChart(id, res)
echarts 多柱状图： 随接口返回的条数展示柱状图：
qq_40806920的博客
09-26 839
记录一下自己的代码 ，写的很垃圾 ，有好多的方法麻烦指出 如果接口哪个里面是三条数据 就是三条柱状图： 接口数据格式： 代码：最多是四条数据 就这个图最多是四个柱子在一起： creatchart() { const chartDom = document.getElementById('theChart'); const myChart = echarts.init(chartDom); let maxnum = 0;...
《MVSplat: Efficient 3D Gaussian Splatting from Sparse Multi-View Images》阅读笔记
最新发布
programmer_A的博客
10-14 760
该优化通过一个非常轻量级的 2D U-Net 实现，输入为多视角图像、特征和当前的深度预测，并输出每个视角的残差深度。残差深度随后与当前的深度预测相加，作为最终的深度输出。这种设计确保了模型能够接受任意数量的视角输入，因为它对每个视角执行与其他所有视角的交叉注意力计算，这一操作不依赖于视角的数量。每个视图的深度图通过反投影（unprojection）映射到3D空间，所有视图的深度信息通过一个简单的确定性联合操作（deterministic union operation）结合起来，得到3D高斯分布的中心。
3DCAT实时云渲染赋能2024广东旅博会智慧文旅元宇宙体验馆上线！
RealTime_3DCAT的博客
10-12 417
在2024年广东旅博会期间，3DCAT将大型3D应用迁移至云端，充分借助公有云平台强大的算力资源，成功解除了用户本地终端的算力限制。作为旅博会连续第三年打造的“智慧文旅元宇宙体验馆”，本届旅博会“元宇宙”共有二大亮点，一是新增广东文旅数字化创新体验区，您可通过元宇宙线下体验空间，在旅博会现场沉浸式体验线上“智慧文旅元宇宙体验馆”。在此基础上，3DCAT还实现了大规模实时的弹性调度能力，确保每个用户的应用加载都能够得到相应的计算资源，避免了不必要的资源浪费；基于3DCAT打造的“云+虚拟”活动模式，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值