highcharts - Highcharts 堆积条形图 李克特量表居中

Question

我正在尝试使用 Highcharts 来显示李克特量表。我面临的问题是如何将中性答案沿着中心线的中间分开。

我很乐意格式化数据，但我不确定如何实现这一点。目前我有 6 个数据集，一个是正中性的，一个是负中性的。但我想认为有一种更好的方法可以用 Highcharts 做到这一点。任何帮助将不胜感激。 链接到示例

Answer 1

您可以使用“带负堆栈的条形图”很好地近似此值。您需要将中心“中性”数据分成两个系列；一个用于负极，一个用于正极，然后将它们连接在一起：

        series: [{
            name: 'Strongly Disagree',
            data: [-10, -5, -6]
        }, {
            name: 'Disagree',
            data: [-2, -5, -3]
        }, {
            name: 'Neutral',
            data: [-2, -5, -3],
            color: 'gray',
            id: 'neutral'
        },{
            name: 'Strongly Agree',
            data: [5, 1,6]
        },{
            name: 'Agree',
            data: [6, 8, 2]
        },{
            name: 'Neutral',
            data: [2, 5, 3],
            color: 'gray',
            linkedTo: 'neutral'
        }]

在这里拉小提琴。