javascript - バーがハイチャートでクリックされたときに別のチャートの表示をトリガーする方法は?

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 のドリルダウン機能は、私が必要とするものに最も近い機能です。注意すべき点は、内訳グラフの表示が元のグラフに置き換わることです。