HighCharts：缺失值的堆積條形圖

Question

我有一個調查問卷結果的堆積條形圖。問題是，這些問題有不同的可能答案（大多數有5個選項，有些只有「是」或「否」）。

A fiddle containing an example

HighCharts要我先列出每個可能的答案爲一系列（比如回答1-5），然後在每個系列的問題：

series: [{ 
     name: 'Answer1', 
     data: [{ 
      name: 'Question 1', 
      y: 7 
     }, { 
      name: 'Question 2', 
      y: 5 
     }] 
    }, 
    { 
     name: 'Answer 2', 
     data: [{ 
      name: 'Question 1', 
      y: 4 
     },{ 
      name: 'Question 2', 
      y: 3 
     }] 
    },{ 
     name: 'Answer 3', 
     data: [{ 
      name: 'Question 1', 
      y: 2 
     },{ 
      name: 'Question 2 (a yes/no question does not have a 3rd value, but I cannot know that)', 
      y: 0 
     }] 
    }] 

我覺得這比較麻煩和反直覺，但我希望我只是做錯了。

我的問題：對於某些問題，數據庫返回的答案較少（因爲每個人都給出了相同的答案）。在這種情況下，我不知道可能有多個答案，因爲有些問題不是「選擇1-5」，而是「1-3」或「是/否」。我的後端不會通知我NULL。當我寫出HighCharts的單一答案時，它會被視爲第一個答案，這可能是錯誤的。

有沒有辦法「旋轉」條形圖規格？我想編寫這樣的數據：問題列表，然後列出答案每個，缺失的選擇沒有問題：

series: [{ 
     name: 'How did you like us', 
     data: [{ 
      name: 'Loved you - 5/5', 
      y: 7 
     }, { 
      name: 'Below average - 2/5', 
      y: 5 
     }, { 
      name: 'Not good - 1/5', 
      y: 1 
     }] 
    }, 
    { 
     name: 'Question 2: Will you come back?', 
     data: [{ 
      name: 'yes', 
      y: 4 
     },{ 
      name: 'no', 
      y: 3 
     }] 
    }] 

這將是真棒，如果你能幫助我。提前致謝！

Answer 1

其中一種方法是將每個圖表分別繪製爲一張圖表，但要使它們具有相同的尺寸等，以便它們排列在彼此之下。