javascript - Angular 的 Highchart 漏斗

Question

有人用过 Highchart Funnel for Angular 吗？

我使用 highchart-ng ( https://github.com/pablojim/highcharts-ng )，但漏斗不起作用。

我使用 ng-highchart 的代码是:

$scope.chartSalesFunnel = {
    options: {
        chart: {
            type: 'funnel',
            marginRight: 100
        },
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b> ({point.y:,.0f})',
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black',
                    softConnector: true
                },
                neckWidth: '30%',
                neckHeight: '25%'

                //-- Other available options
                // height: pixels or percent
                // width: pixels or percent
            }
        },
    },
    title: {
        text: '',
    },

    legend: {
        enabled: false
    },
    series: [{
        name: 'Unique users',
        data: [
            ['Website visits', 15654],
            ['Downloads', 4064],
            ['Requested price list', 1987],
            ['Invoice sent', 976],
            ['Finalized', 846]
        ]
    }]
};

Answer 1

漏斗图类型需要额外的漏斗模块，如所述 in the API .

你可以像这样包含它:

<script src="https://code.highcharts.com/modules/funnel.js"></script>

参见 this updated JSFiddle包含此模块的代码。