Plotly.js -获得堆叠条形图中每个x的4个y值

// 导入Plotly.js库
import Plotly from 'plotly.js-dist';

// 定义x轴和y轴的数据
const xData = ['Category 1', 'Category 2', 'Category 3', 'Category 4'];
const yData1 = [10, 20, 30, 40];
const yData2 = [15, 25, 35, 45];
const yData3 = [5, 15, 25, 35];
const yData4 = [20, 30, 40, 50];

// 创建堆叠条形图的数据
const data = [
  {
    x: xData,
    y: yData1,
    type: 'bar',
    name: 'Y Value 1'
  },
  {
    x: xData,
    y: yData2,
    type: 'bar',
    name: 'Y Value 2'
  },
  {
    x: xData,
    y: yData3,
    type: 'bar',
    name: 'Y Value 3'
  },
  {
    x: xData,
    y: yData4,
    type: 'bar',
    name: 'Y Value 4'
  }
];

// 定义布局选项
const layout = {
  barmode: 'stack', // 设置为堆叠模式
  title: 'Stacked Bar Chart',
  xaxis: {
    title: 'X Axis'
  },
  yaxis: {
    title: 'Y Axis'
  }
};

// 在HTML页面上绘制图表
Plotly.newPlot('chart', data, layout);