javascript - HighCharts - 多级饼图向下钻取(3 到 4 级)

Question

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

我需要深入到 3 到 4 级。

例如，如果我为服装创建图表，当我点击它时，它会向下钻取到包含服装类别的图表，例如 - 男士服装、女士服装、 child 服装等(2 级)

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

但我想要更深入的下钻，比如如果现在我点击女装，它将下钻到女装类别，例如包包、太阳镜、 watch 、收入等。

谁能帮帮我:(

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);
                    });
                }
            }
        }
    }]
});