Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 17:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Feature: Pie charts

Browse source
This commit is contained in:
navaneeth 2021-05-26 11:52:40 +05:30
parent 06621cd7b8
commit 5bdc399226
2 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/Editor/Components/Chart.jsx
View file

@ -68,12 +68,22 @@ export const Chart = function Chart({
if(!Array.isArray(rawData)) { rawData = []; }
const newData = [{
type: chartType || 'line',
x: rawData.map((item) => item["x"]),
y: rawData.map((item) => item["y"]),
marker: { color: markerColor }
}];
let newData = [];
if(chartType === 'pie') {
newData = [{
type: chartType,
values: rawData.map((item) => item["value"]),
labels: rawData.map((item) => item["label"]),
}];
} else {
newData = [{
type: chartType || 'line',
x: rawData.map((item) => item["x"]),
y: rawData.map((item) => item["y"]),
marker: { color: markerColor }
}];
}
setChartData(newData);

3
frontend/src/Editor/Components/components.js
View file

@ -129,7 +129,8 @@ export const componentTypes = [
showGridLines: { type: 'toggle', displayName: 'Show grid lines'},
type: { type: 'select', displayName: 'Chart type', options: [
{ name: 'Line', value: 'line' },
{ name: 'Bar', value: 'bar' }
{ name: 'Bar', value: 'bar' },
{ name: 'Pie', value: 'pie' }
] },
},
events: {},