Echarts 纹理倒置

Question

我需要在ehcarts surface上画图。当我将纹理应用到表面系列时，如果从顶部看它是倒置的：

这是我的配置：

option = {
xAxis3D: {
    type: 'value'
},
yAxis3D: {
    type: 'value'
},
zAxis3D: {
    type: 'value',
    max: 1,
    min: -1,
},
grid3D: {
},
series: [{
    type: 'surface',
    shading: 'color',
    colorMaterial: {
      detailTexture: 'https://cdn.kapwing.com/final_5bc92c94579a1700125f80f7.jpg',
    },
    data: [
      [1,1,0],
      [1,0,0],
      [0,1,0],
      [0,0,0],
    ],
    itemStyle: {
      color: 'white',
      opacity: .9,
    },
}]
}

如何应用纹理，使其从顶部观察时看起来像原始图像？

Answer 1

为此，您需要以正确的方式绘制表面数据点 order。

我通过从

交换积分来修复我的

 data: [
  [1,1,0],
  [1,0,0],
  [0,1,0],
  [0,0,0],
],

至

 data: [
   [0,0,0],
   [1,0,0],
   [0,1,0],
   [1,1,0],
 ],

Echarts 纹理倒置

Echarts texture is inverted

textures

echarts