Echarts React：创建每个单元格具有多个值的数据集

Question

我正在尝试在 Echarts for React 中创建一个数据集，其中包括散点图和条形图数据，以便进行交叉过滤。

散点图的数据集是一个二维数组，格式如下：

const dataset = [
  ['Q1_x', 'Q1_y'],
  [30, 50],
  [22, 43],
  [11, 77],
];

我有多项选择题，我想在条形图中显示每个选项的计数。

例如问题：你最喜欢什么口味的冰淇淋？ （可多选）

1. 草莓
2. 香草
3. 巧克力

在 JSON 中，它具有以下格式（用于两个响应）：

const responses = [
  {
    labels: {
      QID19: ['Strawberry', 'Vanilla'],
    },
  },
  {
    labels: {
      QID19: ['Chocolate'],
    },
  },
];

As you can see in the JSON, when more than one option is selected, it's an array.

我知道如何获得每个选项的计数。

我的具体问题是如何将其包含在上面散点图的主要数据集中？ MCQ 中的每个选项都应该是一个单独的列（即维度）吗？ 或者我应该将数组项连接成一个字符串并将其作为一个单元格包含在数据集中吗？

我希望最终能够交叉过滤。 例如，仅选择人们在条形图中选择“巧克力”的散点图。

任何有关如何进行的建议都将受到赞赏。 我正在寻找在 Echarts 中实现的总体方向（不一定是特定代码）