Integrated Charts Styles
JavaScript Data Grid
-
Set Chart Colors for Specific values
deebo.methods.setColumnValueColors(colValColors)
colValColors param is an array of objects where each object in the array needs to conform to the structure like the 2 objects in the array below. Hex or RGB values work better than CSS named colors
[
{
column: "party",
valueColors: [
{ value: "Republican", color: "rgb(255, 0, 0)" },
{ value: "Democrat", color: "rgb(0, 0, 255)" },
{ value: "Independent", color: "rgb(0, 255, 0)" }
]
},
{
column: "gender",
valueColors: [
{ value: "male", color: "rgb(0, 0, 255)" },
{ value: "female", color: "#FFC0CB" },
]
}
]
The column value colors configuration above yields graphs like below for all graphs (line, bar, pie) where party is the independent variable
-
To selectively uncover pie graphs
deebo.methods.setPieUncovered(boolean|string[ ])
You can pass true to uncover all pie graphs or pass an array of string column names that should have pie graphs uncovered. -
To force a column to be grouped - Lots of features are triggered by a grouped column, including dropdown filters,
a group by option, and more charts like pie and bar graphs. These charts can then receive customizable colors. Some columns of your
data may get grouped automatically, but maybe other columns you were expecting it for won't, so you can try to force it here. It's not guaranteed to work.
deebo.methods.setForcedGroups(groups: string[ ])
Pass an array of string column names that you want to force grouping of
