向下钻取不同的图表类型会在钻取时留下文物?

时间:2014-08-22 16:20:44

标签: javascript charts highcharts

我正在制作一个包含三个下钻的图表,第一个和第二个钻头将绘制一个饼图,最后一个钻头应该绘制一个柱形图。所有这一切都运行正常,但我注意到(至少在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.

1 个答案:

答案 0 :(得分:1)

尝试为两个轴设置showEmpty: falseWorking fiddle