Highcharts 倒三角漏洞图

Highcharts.chart('totalUser', {
        chart: {
            type: 'funnel',
            backgroundColor: "#2c2836",
            borderColor: '#f00000',
            marginRight: 100,
            inverted: true
            
        },
        title: {
            style: {
                color: "#fff",
                fontSize: "20px"
            },
            text: '用户情况',
            x: -50
        },
        credits: {
            enabled: false,
        },
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                    format: '<b>{point.name}</b> ({point.y:,.0f})',
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || '#FFF',
                    style:{
                        fontSize:"13px",
                    },
                    softConnector: true
                },
                neckWidth:"0%",
                neckHeight:"0%",
                //-- Other available options
                // height: pixels or percent
                // width: pixels or percent
            }
        },
        xAxis:{
            reversed:true,
        },
        legend: {
            enabled: false,
            itemStyle: {
                color: '#F00000',
                fontWeight: 'bold'
            }
        },
        series: [{
            name: '用户情况',
            data: [
                {
                    name:"注册",
                    color:"#87f76b",
                    y:2000,
                },
                {
                    name:"实名",
                    color:"#ffdf5d",
                    y:2000,
                },
                {
                    name:"投资",
                    color:"#ff626f",
                    y:520,
                }
            ]
        }]
    });

 

转载于:https://my.oschina.net/zjk9527/blog/811913