Javascript 在highchart中单击条形图时，如何触发另一个图表的显示？

我在用图书馆。我有一个条形图，想知道如何触发另一个图表的显示。以下是我的条形图的代码：

$('#container').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Stacked bar chart'
    },
    xAxis: {
        categories: [ "Meat", "Fruit", "Veg" ]
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Total'
        }
    },
    legend: {
        backgroundColor: '#FFFFFF',
        reversed: true
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    },
        series: [{
        name: 'Yes',
        data: [
            42, 17, 34]
    }, {
        name: 'No',
        data: [
        10,16,38 ]
    }]
});

例如，在我的图表中，当用户单击“肉”栏时，我想在页面的其他地方加载一个饼图，显示“肉”数据的明细，同样，也可以加载“水果”和“蔬菜”栏的明细

---

Highcharts的向下展开功能是我发现的最接近我需要的功能，警告是细分图表的显示将替换原始图表

可能重复我的建议，以熟悉向下钻取选项：