echarts立体柱状图渐变色

你可以使用 echarts 的渐变色功能来创建立体柱状图。下面是一个简单的示例代码，展示如何使用 echarts 的渐变色来绘制立体柱状图：

// 引入 echarts 库
import * as echarts from 'echarts';

// 初始化图表
var myChart = echarts.init(document.getElementById('chartContainer'));

// 定义渐变色数组
var colors = [
  {
    offset: 0,
    color: 'rgba(0, 255, 0, 1)' // 渐变色起始颜色
  },
  {
    offset: 1,
    color: 'rgba(0, 128, 0, 1)' // 渐变色结束颜色
  }
];

// 配置图表选项
var option = {
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    type: 'bar',
    data: [20, 40, 60, 80, 100],
    itemStyle: {
      normal: {
        color: new echarts.graphic.LinearGradient(
          0, 0, 0, 1,
          colors // 使用定义的渐变色数组
        )
      }
    }
  }]
};

// 渲染图表
myChart.setOption(option);

在上面的示例中，我们首先引入了 echarts 库并初始化了一个图表实例。然后，我们定义了一个渐变色数组 `colors`，其中包含了起始颜色和结束颜色。接下来，我们配置了图表的 x 轴和 y 轴，并在 series 的 `itemStyle` 中使用了 `echarts.graphic.LinearGradient` 来指定渐变色。最后，我们通过 `setOption` 方法渲染了图表。

你可以根据自己的需求调整渐变色的起始颜色、结束颜色和位置。