Skip to content

HorizontalBarChart

Andrew Sutton edited this page Oct 16, 2025 · 2 revisions
image
let horizontalBarChartData = [
    [
        chart.chartTitle "one"
        chart.chartData [
            [
                chartDataPoint.legend "One.One"
                chartDataPoint.horizontalBarChartdata [
                    horizontalDataPoint.x 1543
                ]
                chartDataPoint.color (Fui.getColorFromToken(Fui.dataVizPalette.color1))
            ]
            [
                chartDataPoint.legend "One.Two"
                chartDataPoint.horizontalBarChartdata [
                    horizontalDataPoint.x 1000
                ]
                chartDataPoint.color (Fui.getColorFromToken(Fui.dataVizPalette.color2))
            ]
            [
                chartDataPoint.legend "One.Three"
                chartDataPoint.horizontalBarChartdata [
                    horizontalDataPoint.x 547
                ]
                chartDataPoint.color (Fui.getColorFromToken(Fui.dataVizPalette.color3))
            ]
        ]
    ]
    [
        chart.chartTitle "two"
        chart.chartData [
            [
                chartDataPoint.legend "Two.One"
                chartDataPoint.horizontalBarChartdata [
                    horizontalDataPoint.x 987
                ]
                chartDataPoint.color (Fui.getColorFromToken(Fui.dataVizPalette.color4))
            ]
            [
                chartDataPoint.legend "Two.Two"
                chartDataPoint.horizontalBarChartdata [
                    horizontalDataPoint.x 1987
                ]
                chartDataPoint.color (Fui.getColorFromToken(Fui.dataVizPalette.color5))
            ]
        ]
    ]
    [
        chart.chartTitle "three"
        chart.chartData [
            [
                chartDataPoint.legend "Three.One"
                chartDataPoint.horizontalBarChartdata [
                    horizontalDataPoint.x 872
                ]
                chartDataPoint.color (Fui.getColorFromToken(Fui.dataVizPalette.color6))
            ]
            [
                chartDataPoint.legend "Three.Two"
                chartDataPoint.horizontalBarChartdata [
                    horizontalDataPoint.x 128
                ]
                chartDataPoint.color (Fui.getColorFromToken(Fui.dataVizPalette.color7))
            ]
        ]
    ]
]

Fui.horizontalBarChart [
    horizontalBarChart.data horizontalBarChartData
    horizontalBarChart.chartDataMode.default'
    horizontalBarChart.className "hbcstacked"
    horizontalBarChart.variant.partToWhole
]

Clone this wiki locally