echarts——横向柱状堆叠图 加灰色背景色

ECharts是一个强大的JavaScript图表库，可以创建各种类型的可视化图表，包括横向柱状堆叠图。如果你想在ECharts中添加一个横向柱状堆叠图并为其设置灰色背景色，你可以按照以下步骤操作：

1. 首先，在HTML中引入ECharts的JS文件：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.0/dist/echarts.min.js"></script>

2. 创建一个包含图表容器的div元素：

<div id="chart" style="width: 600px; height: 400px;"></div>

3. 然后，编写JavaScript代码来初始化图表，并设置样式，例如灰色背景：

var myChart = echarts.init(document.getElementById('chart'));

// 堆叠数据配置
var option = {
    backgroundColor: 'rgba(240, 240, 240, 1)', // 设置灰色背景
    series: [
        {
            type: 'bar',
            stack: '总量', // 指定堆叠组名称
            data: [...], // 填充具体的堆叠数据
            itemStyle: {
                normal: {
                    color: '#0088CC' // 栏条颜色
                }
            }
        },
        ...其他系列配置...
    ]
};

myChart.setOption(option);

在这个例子中，`backgroundColor`属性用于设置背景色，`itemStyle`里的`normal.color`设置了栏条的颜色。记得替换`...`处的数据为你实际需要展示的数据。