HighCharts - 多级（3 到 4 级）的饼图向下钻取

Question

我正在使用高图绘制饼图，要求是当我们单击图表的一部分时，它需要向下钻取到其他级别。

我需要深入到 3 到 4 级。

例如，如果我在单击时为服装创建图表，它将向下钻取到包含服装类别的图表，例如 - 男装、女装、童装等（第 2 级）

它在 High Charts 官方网站 ( http://www.highcharts.com/demo/pie-drilldown/ ) 上给出的 1 个级别和示例工作正常

但我想要更深入的深入研究，就像现在我点击女装一样，它会深入到女装类别，如包、太阳镜、手表、收入等。

谁能帮我吗 ：（

Answer 1

不确定这是否对您有帮助。但我认为使用服务器端的数据来实现这一点会更容易。您只需更改饼图的数据（如下所示）即可将您带到任何级别。您只需要保留一个身份即可确定您处于哪个级别。

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'pie'
    },
    series: [{
        data: myInitialDataArray, // make sure each data point has an id
        point: {
            events: {
                click: function () {
                    $.post('/get/data/url/' + this.id, function(data) {
                        // you may need to format your data here
                        // Set the level here. e.g Level 1, 2 or 3 and then depending on that you can also change the url also or any other logic
                        chart.series[0].setData(data);
                    });
                }
            }
        }
    }]
});