echart 三维图 倾斜立体形状

ECharts是一个强大的JavaScript图表库，它支持创建各种复杂的可视化效果，包括三维图表。在ECharts中，你可以利用其`echarts-gl`扩展模块来创建三维图，其中包括倾斜的立体形状，如柱状图、饼图等三维化展示。

例如，要创建一个倾斜的柱状体三维图，可以设置`visual`属性为`bar3D`，然后调整`xAxis`, `yAxis`, 和 `zAxis`的配置，以及`data`数组来定义每个柱子的位置和大小。同时，还可以通过`viewControl`控制视角的变化，使得立体图形看起来像是从特定角度倾斜出来的。

option = {
    // 使用gl模块
    visualMap: {
        type: 'piecewise',
        pieces: [{
            value: -90,
            color: '#4c78a8'
        }, {
            value: 0,
            color: '#f58518'
        }, {
            value: 90,
            color: '#e45756'
        }],
        seriesIndex: ,
        dimension: 2
    },
    tooltip: {},
    xAxis3D: { type: 'value' },
    yAxis3D: { type: 'category', data: ['A', 'B', 'C'] },
    zAxis3D: { type: 'value' },
    series: [
        {
            type: 'bar3D',
            data: [[1, 'A', 1], [2, 'B', 2], [3, 'C', 3]], // 数据示例
            xField: 'x', // 柱子沿X轴方向的数据字段
            yField: 'name', // 柱子沿Y轴方向的数据字段
            zField: 'z', // 柱子沿Z轴方向的数据字段
            shading: 'lambert', // 立体效果处理方式
            label: {
                show: false,
            }
        }
    ],
    viewControl: { // 视角控制
        center: [0, 0, 0], // 中心点
        zoom: 50, // 放缩比例
        rotation: [-45, 0] // 预设旋转角度
    }
};