HighCharts:带有缺失值的堆积条形图

时间:2013-11-20 15:00:33

标签: javascript charts highcharts

我有问卷调查结果的叠加条形图。问题是,问题有不同的答案(大多数有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
        }]
    }]

如果你可以帮助我,那真是太棒了。提前谢谢!

1 个答案:

答案 0 :(得分:-1)

一种选择是将每一个绘制为一个单独的图表,但要使它们具有相同的大小等,以便它们排列在彼此之下。