Line Graphs
Visualize combinations of certain columns of your data with a line graph. Line graphs are ideal for
comparing numeric values over time.
Data Requirements: You'll need at least one numeric column or attribute in your data set. Secondly, you'll need another column with a date data type. The code will try to see if you have columns that qualify for drop-down filters and give the option to build a line graph for each value.
Data Requirements: You'll need at least one numeric column or attribute in your data set. Secondly, you'll need another column with a date data type. The code will try to see if you have columns that qualify for drop-down filters and give the option to build a line graph for each value.
Our line graphs can build separate, interactive line 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 line graphs.
Below are all the time span options you're given. We will add a YTD option in the future.
Change Line Graph Color Scheme
The line graph color scheme will use your themeColor1 assignment or a default color. To change that, see below:
- Javascript: Do a search in the enterprise script for
drawLineGraph: - Angular: File of interest: data-table/charts/line-graph-component/line-graph-component.ts then
search for the
drawLineGraph(function implementation - React: File of interest: deebo-grid/src/components/charts/LineGraph.jsx then
search for the
const drawLineGraphdeclaration
After locating the drawLineGraph in your respective tech's code, find the let lgColor
declaration. It's kinda way down in this long function. That gets set to a default color, and then it tries to be set
as your themeColor1 a little further down. You can change that default lgColor variable assignment and comment out
the lines of code re-assigning it if you want to try something else as the line graph color scheme.
