DeeboData JS Grid Angular Grid React Grid
Contact Us Demo Pricing

DeeboData: Pie Graphs

For a pie graph to be generated you need a column that qualifies for the drop-down filter rules:
You can easily manipulate the rules for your technology. These rules indicate a limited amount of distinct values in that column, so a pie graph is a reasonable visual representation in this case. The pie graph will be built based on your current filters like the pie chart pictured below:
Pie graph example

Change Pie Graph Colors

To alter the colors of slices in pie graphs:
  • Javascript: Do a search in the enterprise script for buildPieGraphFromColVals:
  • Angular: File of interest: data-table/charts/pie-graph-component/pie-graph-component.ts then search for the buildPieGraphFromColVals( function implementation
  • React: File of interest: deebo-grid/src/components/charts/PieGraph.jsx then search for the const buildPieGraphFromColVals declaration

After locating the buildPieGraphFromColVals in your respective tech's code, find the let colors = variable declaration. You should see "forestgreen" as the first css color listed. Just update this list with whatever css colors you want to see in your pie graphs. You should also scroll down in the local function's code and see your possible themeColor1 and themeColor2 taken into account for pie graphs. Update this code however you want.