Question

当删除某个细分时，是否有一种方式会像饼图一样重绘漏斗图？

 $(function () {
        var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'pie'
            },

            plotOptions: {
                pie: {
                    showInLegend: true
                }
            },

            legend: {
                enabled: true
            },

            series: [{
                data: [20, 30, 30, 20]        
            }]
        });

        // button handler
        $('#button').click(function() {
            var series = chart.series[0];
            if (series.data.length) {
                chart.series[0].data[0].remove(); 
            }
        });
    });

因此，点击图例中的任何切片都会导致图表重绘，其余切片将占用100％

想知道是否可以为漏斗图做同样的事情

http://jsfiddle.net/YUL5c/2/

  $(function () {
        var chart;

        $(document).ready(function () {

            // Build the chart
            $('#container').highcharts({
                chart: {
                     type: 'funnel',
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false
                },
                title: {
                    text: 'Browser market shares at a specific website, 2010'
                },
                tooltip: {
                    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                },
                plotOptions: {
                    series: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: false
                        },
                        showInLegend: true
                    }
                },
                series: [{

                    name: 'Browser share',
                    data: [
                        ['Firefox',   45.0],
                        ['IE',       26.8],
                        {
                            name: 'Chrome',
                            y: 12.8,
                            sliced: true,
                            selected: true
                        },
                        ['Safari',    8.5],
                        ['Opera',     6.2],
                        ['Others',   0.01]
                    ]
                }]
            });
        });

    });


Currently the segment just disaapear. But the chart does not redraw

Answer 1

不幸的是，这个动画不受支持，但我建议您在uservoice website

上发布您的请求

Answer 2

漏斗代码中忽略了

point.visible标志。如果将检查添加回绘图逻辑，那么事情就会神奇地起作用。即使是动画。不确定它是否是错误或被意图忽略

删除段时，在高亮图中重绘漏斗图？

2 个答案: