Chart - Status Pie Chart

Example of a status pie chart in Timill Platform.

Display item distribution by status as a pie chart.

Example Code#

function generateChart(api, params, context) {
    const items = api.queryItems("type = 'task'");
    const byStatus = api.groupBy(items, 'status');
    
    return echarts.createPieChart(byStatus, {
        title: 'Task Status Distribution',
        colors: ['#4ade80', '#fbbf24', '#f87171', '#60a5fa']
    });
}

Full Example#

See source: source-files/01_status_pie_chart.js

Customization#

Change query:

const items = api.queryItems("type = 'ticket'");

Add colors:

return echarts.createPieChart(byStatus, {
    title: 'Status Distribution',
    colors: ['#4ade80', '#fbbf24', '#f87171', '#60a5fa', '#c084fc']
});