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: 'pie',
hasLabels: true
}
{
type: 'donut',
hasLabels: false
}
{
calculatePercent: true,
tooltipSettings: {
calculatePercent: true
}
}
{
fontSize: "1.25rem",
calculatePercent: false,
prefixValueField: "$",
tooltipSettings: {
calculatePercent: true
}
}
{
calculatePercent: true,
tooltipSettings: {
calculatePercent:false
}
}
default styles
{
fontSize: 16,
tooltipSettings: {
fontSize: 16,
}
}