Question

我在柱形图中看到了奇怪的行为

条形图在两个类别上拉伸，并且使用正确的标签错误定位。

有人能解释一下这个问题吗？

我使用类别而不是日期时间的原因是我希望堆栈在同一日期并排显示进出

$(function () {
    $('#container').highcharts({
        chart: {
            type: "column"
        },

        xAxis: {
            categories: ['Jan 2 2013', 'Jan 3 2013', 'Jan 4 2013', 'Jan 5 2013', 'Jan 6 2013', 'Jan 7 2013', 'Jan 8 2013']
        },

        yAxis: {
            stackLabels: {
                enabled: true,
                formatter: function() {
                    if (this.total) {
                        return this.stack;
                    } else {
                         return null;   
                    }
                }
            }
        },

        plotOptions: {
            column: {
                stacking: 'normal'
            }
        },

        series: [
            {
                name: "Cinema",
                stack: "out",
                data: [[0,35]]
            },
            {
                name: "Sweets",
                stack: "out",
                data: [[1,12], [6,23]]
            },
            {
                name: "Games",
                stack: "out",
                data: [[4,11]]
            },
            {
                name: "Job",
                stack: "in",
                data: [[6,52]]
            }
        ]
    });
});

Answer 1

如果我正确理解了问题，pointRange就是您所需要的：

plotOptions: {
  column: {
    stacking: 'normal',
    pointRange:1
  }
}

示例：

http://jsfiddle.net/jlbriggs/L7yd7wj5/8/

请记住，由于您也有一个分组设置，即使只有一个条形数据条，每个类别也会有多个条形空间。

Highcharts - 堆叠类别有错误吗？

1 个答案: