javascript - 向下钻取不同的图表类型会在向上钻取时留下痕迹吗？

Question

我正在制作一个包含三个钻取的图表，第一个和第二个钻取将绘制饼图，最后一个钻取应绘制柱形图。所有这些都工作正常，但我注意到(至少在 chrome 中)当您向上钻取时，柱形图的各个部分仍然保留在饼图后面，即 Y 轴标签和 x 轴绘图线。

对此我能做些什么吗？

$(function () {

// Create the chart
$('#container').highcharts({
    chart: {
        type: 'pie'
    },
    title: {
        text: 'Basic drilldown'
    },
    xAxis: {
        type: 'category'
    },

    legend: {
        enabled: false
    },

    plotOptions: {
        series: {
            borderWidth: 0,
            dataLabels: {
                enabled: true,
            }
        }
    },

    series: [{
        name: 'Things',
        colorByPoint: true,
        data: [{
            name: 'Animals',
            y: 5,
            drilldown: 'animals'
        }]
    }],
    drilldown: {
        series: [{
            id: 'animals',
            name: 'Animals',
            data: [{
                name: 'Cats',
                y: 4,
                drilldown: 'cats'
            }, ['Dogs', 2],
                ['Cows', 1],
                ['Sheep', 2],
                ['Pigs', 1]
            ]
        }, {

            id: 'cats',
            data: [1, 2, 3],
            type: "column"
        }]
    }
})
});

Here is a fiddle.

Answer 1

尝试为两个轴设置showEmpty: false。 Working fiddle