javascript - 在highchart中单击bar时如何触发另一个图表的显示？

Question

我正在使用Highcharts库。我有一个条形图，想知道如何触发另一个图表的显示。这是我的条形图的代码：

$('#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 的向下钻取功能是我发现的最接近我需要的功能，需要注意的是细分图表的显示取代了原始图表。