Question

我有一个带有多个系列和类别的堆积条形图。显示/隐藏系列时，我希望隐藏没有数据的类别。这是第一个或最后一个类别时工作正常，但中间类别不会消失。

在以下代码段中，隐藏A系列（通过点击图例）时，类别1会消失。但是，当我隐藏B和C时，2类别不会消失。我想要的是中间类别也会消失（中间没有更多的空白区域）。

＆＃13;

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar'
        },      
        xAxis: {
            categories: [1, 2, 3]
        },
        plotOptions: {
            series: {
                stacking: 'normal'
            }
        },
        series: [{
            name: 'A',
            data: [{ x: 0, y: 5 }]
        }, {
            name: 'B',
            data:  [{ x: 1, y: 4 }]
        }, {
            name: 'C',
            data:  [{ x: 1, y: 4 }]
        }, {
            name: 'D',
            data: [{ x: 2, y: 2 }]
        }]
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 200px; max-width: 800px; height: 250px; margin: 0 auto"></div>

＆＃13;

我已经尝试过：

将数据作为数组传递，
没有指定类别数组，因为我不想显示该类别，但我不希望在没有数据的情况下保留空间
玩堆叠

我知道这可以通过编程方式实现，这没问题。但是，我想知道的是：

这是一个错误/功能吗？
我错过了Highcharts选项吗？
你对我怎样才能有类似的东西有什么不同的建议吗？

谢谢！

隐藏系列后隐藏没有数据的类别

0 个答案: