Highcharts

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/

请记住，由于您也进行了分组设置，因此即使只有一个包含数据的条形图，每个类别中也会有多个条形图 space。

Highcharts - 堆叠类别是否存在错误？

Highcharts - is there a bug with stacked categories?