public/examples/ts/gl/stacked-bar3d.js

/*
title: Stacked Bar3D
category: bar3D
titleCN: Stacked Bar3D
*/

$.getScript(
  'https://fastly.jsdelivr.net/npm/simplex-noise@2.4.0/simplex-noise.js'
).done(function () {
  function generateData() {
    var data = [];
    var noise = new SimplexNoise(Math.random);
    for (var i = 0; i <= 10; i++) {
      for (var j = 0; j <= 10; j++) {
        var value = noise.noise2D(i / 5, j / 5);
        data.push([i, j, value * 2 + 4]);
      }
    }
    return data;
  }

  var series = [];
  for (var i = 0; i < 10; i++) {
    series.push({
      type: 'bar3D',
      data: generateData(),
      stack: 'stack',
      shading: 'lambert',
      emphasis: {
        label: {
          show: false
        }
      }
    });
  }

  myChart.setOption({
    xAxis3D: {
      type: 'value'
    },
    yAxis3D: {
      type: 'value'
    },
    zAxis3D: {
      type: 'value'
    },
    grid3D: {
      viewControl: {
        // autoRotate: true
      },
      light: {
        main: {
          shadow: true,
          quality: 'ultra',
          intensity: 1.5
        }
      }
    },
    series: series
  });
});