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

其中一种方法是将每个图表分别绘制为一张图表，但要使它们具有相同的尺寸等，以便它们排列在彼此之下。