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

Question

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

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

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 中实现的总体方向（不一定是特定代码）

Answer 1

你有没有找到在 echarts 中进行这种交叉过滤的任何方法。我一直在 dc 图表中这样做，它可以无缝工作，但现在我需要迁移到 echarts，但似乎没有本地方法可以做到这一点。它出现的唯一方法是过滤主数据集，然后重新绘制另一个图表。这对于多个图表池来说会很麻烦。