Skip to content

ChartTable

Andrew Sutton edited this page Oct 14, 2025 · 2 revisions
image
let basicChartTableHeaders = [
    [ chartTableHeader.value "Product" ]
    [ chartTableHeader.value "Q1 Sales" ]
    [ chartTableHeader.value "Q2 Sales" ]
    [ chartTableHeader.value "Q3 Sales" ]
    [ chartTableHeader.value "Q4 Sales" ]
    [ chartTableHeader.value "Total" ]
]

let basicChartTableRows = [
    [
        [chartTableRow.value "Product A" ]
        [chartTableRow.value 25000 ]
        [chartTableRow.value 30000 ]
        [chartTableRow.value 28000 ]
        [chartTableRow.value 35000 ]
        [chartTableRow.value 118000 ]
    ]
    [
        [ chartTableRow.value "Product B" ]
        [ chartTableRow.value 18000 ]
        [ chartTableRow.value 22000 ]
        [ chartTableRow.value 25000 ]
        [ chartTableRow.value 27000 ]
        [ chartTableRow.value 9200 ]
    ]
    [
        [ chartTableRow.value "Product C" ]
        [ chartTableRow.value 32000 ]
        [ chartTableRow.value 28000 ]
        [ chartTableRow.value 31000 ]
        [ chartTableRow.value 29000 ]
        [ chartTableRow.value 12000 ]
    ]
    [
        [ chartTableRow.value "Product D" ]
        [ chartTableRow.value 15000 ]
        [ chartTableRow.value 19000 ]
        [ chartTableRow.value 21000 ]
        [ chartTableRow.value 23000 ]
        [ chartTableRow.value 780000 ]
    ]
]

Fui.chartTable [
    chartTable.height 250
    chartTable.width 600
    chartTable.headers basicChartTableHeaders
    chartTable.rows basicChartTableRows
]
Clone this wiki locally