Chart Item Widget Charts Widget

As of 10/12/2023

Clustered: false

As of 10/12/2023

Multiple Value Axes

Quarterly Dividend
As of 10/12/2023

Multiple Value Axes + Stacked

Quarterly Dividend
As of 10/12/2023

Stacked + Legend (Series Data)

Quarterly Dividend
As of 10/12/2023

Stacked + Legend (Series Data)

Quarterly Dividend
As of 10/12/2023

Stacked + Legend (Custom Data)

Quarterly Dividend
As of 10/12/2023

Stacked + Legend (Custom Data)

Quarterly Dividend
As of 10/12/2023

Graph Bar

Quarterly Dividend
As of 10/12/2023

Graph Bar

Quarterly Dividend
As of 10/12/2023

Graph Bar

Quarterly Dividend
As of 10/12/2023

Graph Bar

Quarterly Dividend

Pie Charts/Donut charts

DATA

[
    {
        id: 111,
        category: "Product 1",
        value: 501.9,
        settings: {fill: '#F94144'}
    },
    ...
]
                    

CONFIG

{
    type: 'pie/donut', // default pie
    fontSize: 24,
    hasLabels: true/false, // default true
    calculatePercent: true/false, // default true
    categoryField: "category",
    valueField: "value",
    prefixValueField: null,
    postfixValueField: null,
    numberFormat: "#,###.00",
    tooltipSettings: {
      fontSize: 20,
      calculatePercent: true/false, // default true
      forceHidden: true/false, // default false
    }
}
                    

Type & hasLabels


{
    type: 'pie',
    hasLabels: true
}


{
    type: 'donut',
    hasLabels: false
}

calculatePercent


{
    calculatePercent: true,
    tooltipSettings: {
      calculatePercent: true
    }
}


{
    fontSize: "1.25rem",
    calculatePercent: false,
    prefixValueField: "$",
    tooltipSettings: {
      calculatePercent: true
    }
}


{
    calculatePercent: true,
    tooltipSettings: {
      calculatePercent:false
    }
}

fontSize


default styles


{
    fontSize: 16,
    tooltipSettings: {
        fontSize: 16,
    }
}