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 中實現的總體方向（不一定是特定代碼）