FunnelChart

let funnelChartStackedData = [
    [
        funnelChartDataPoint.stage "Visit"
        funnelChartDataPoint.subValues [
            [
                funnelChartDataPointSubValue.category "A"
                funnelChartDataPointSubValue.value 100
                funnelChartDataPointSubValue.color "red"
            ]
            [
                funnelChartDataPointSubValue.category "B"
                funnelChartDataPointSubValue.value 80
                funnelChartDataPointSubValue.color "blue"
            ]
            [
                funnelChartDataPointSubValue.category "C"
                funnelChartDataPointSubValue.value 50
                funnelChartDataPointSubValue.color "green"
            ]
            [
                funnelChartDataPointSubValue.category "D"
                funnelChartDataPointSubValue.value 30
                funnelChartDataPointSubValue.color "pink"
            ]
        ]
    ]
    [
        funnelChartDataPoint.stage "Sign-Up"
        funnelChartDataPoint.subValues [
            [
                funnelChartDataPointSubValue.category "A"
                funnelChartDataPointSubValue.value 60
                funnelChartDataPointSubValue.color "red"
            ]
            [
                funnelChartDataPointSubValue.category "B"
                funnelChartDataPointSubValue.value 40
                funnelChartDataPointSubValue.color "blue"
            ]
            [
                funnelChartDataPointSubValue.category "C"
                funnelChartDataPointSubValue.value 20
                funnelChartDataPointSubValue.color "green"
            ]
            [
                funnelChartDataPointSubValue.category "D"
                funnelChartDataPointSubValue.value 10
                funnelChartDataPointSubValue.color "pink"
            ]
        ]
    ]
    [
        funnelChartDataPoint.stage "Purchase"
        funnelChartDataPoint.subValues [
            [
                funnelChartDataPointSubValue.category "A"
                funnelChartDataPointSubValue.value 30
                funnelChartDataPointSubValue.color "red"
            ]
            [
                funnelChartDataPointSubValue.category "B"
                funnelChartDataPointSubValue.value 20
                funnelChartDataPointSubValue.color "blue"
            ]
            [
                funnelChartDataPointSubValue.category "C"
                funnelChartDataPointSubValue.value 10
                funnelChartDataPointSubValue.color "green"
            ]
            [
                funnelChartDataPointSubValue.category "D"
                funnelChartDataPointSubValue.value 5
                funnelChartDataPointSubValue.color "pink"
            ]
        ]
    ]
]

Fui.funnelChart [
    funnelChart.data funnelChartStackedData
    funnelChart.chartTitle "Stacked Funnel Chart"
    funnelChart.width 600
    funnelChart.height 400
    funnelChart.hideLegend false
    funnelChart.orientation.horizontal
    funnelChart.legendProps [
        legends.canSelectMultipleLegends true
    ]
]