gui-chart2 > Pie Chart

A pie chart using gui-chart2.

Usage

import '@greycat/web';

const labels = ['Email', 'Social', 'Video', 'Direct', 'Search'];
const values = [120, 80, 60, 40, 100];

const table = gc.core.Table.fromCols([labels, values]);
table.headers = ['source', 'visits'];

document.body.appendChild(
  <gui-chart2
    value={table}
    config={{
      xCol: 0,
      series: [{ type: 'pie', yCol: 1, title: 'Traffic Sources' }],
      tooltip: { enabled: true, trigger: 'item' },
      legend: { enabled: true, position: 'right' },
    }}
  />,
);

Config highlights

Pie charts ignore xAxis and yAxis configuration.