Bar Graphs
When the opportunity arises to visualize certain columns of your data with a bar graph, DeeboData will deliver. Bar graphs are ideal for
comparing quantities across different, but limited amounts of categories. Therefore, you'll need at least one numeric column or attribute
in your data set. Secondly, you'll need another column that qualifies for the drop-down filter rules, which signify a limited amount of distinct values in that column. One easy theoretical
example of this is on our demo pages where we have A.I. image meta data. The category column has less than 15 distinct values despite
50k rows of data. Combined with the numeric columns for height and width, this default data configuration yields two bar graphs -
width by category and height by category.
Our bar graphs go the extra mile by building separate, interactive bar graphs for the average, minimum, maximum, mode,
median, and sum of the data by the independent variable. Simply click on those options to see the different bar graphs.
Change Bar Graph Colors
To change the colors of bars in bar graphs:
- Javascript: Do a search in the enterprise script for
buildBGBars: - Angular: File of interest: data-table/charts/bar-graph-component/bar-graph-component.ts then
search for the
buildBGBars(function implementation - React: File of interest: deebo-grid/src/components/charts/BarGraph.jsx then
search for the
const buildBGBarsdeclaration
After locating the buildBGBars in your respective tech's code, find the themeColor1
reference. That's the first theme color you set up (if any) in the buildInitUiDataTable function. The color
of all the bars will be set to this color or a default color if you didn't pass in a theme color. But right
underneath the background = is a loop of all the bars in your graph. You can easily set the background to
something else for each respective bar generated in that loop.
