DeeboData JS Grid Angular Grid
Contact Us Demo Pricing

DeeboData: Numeric Distribution Chart

Numeric Distribution example
The numeric distribution chart creates a heatmap effect using any mapped sets of numbers from your data. Data Requirements: Of course you need one or more numeric column in your data set. Secondly, this chart can eat up a lot of memory if there are too many values, so by default it only displays when there are less than 5,000 rows in your currently filtered data.



Alter the 5k Default Limit

  • Javascript: Run the function below before calling initDeeboData deebo.methods.setNumDistLimit(limit: number)

Change the 5000 number to something higher at your own risk.




Change Number Bar Colors

To change the colors of bars in number distribution charts:
  • Javascript: Invoke the below function before initializing the data grid deebo.methods.setThemeColors(color1: string|null, color2: string|null)

    The bars will be set to color1 as long as it's not white.
  • Angular: Pass the color1 input to the ngx-deebodata component's selector <ngx-deebodata
    [data]="signalArrayOfObjects()"
    [color1]="'#00a8f3'"
    ></ngx-deebodata>