We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

how to show bar graphs in grid view

Answered
Michael T asked on February 1, 2023

is there a way to use CSS or some other way to draw horizontal bar charts in the grid representing values?

3 answers

Public
Maksym Diachenko Maksym Diachenko Flexmonster February 2, 2023

Hello, Michael!

Thank you for reaching out to us.

Yes, you can achieve the desired functionality with a combination of getData and customizeCell methods.
You are welcome to check the example: https://jsfiddle.net/flexmonster/14jvrdns/ 
Here, the getData method retrieves the total values. These values are used to calculate the length of the bar (value to total value ratio) that is inserted inside cells by the customizeCell API call.

Please let us know if this would work for you.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster February 9, 2023

Hello, Michael!

Hope you are doing well.
Our team is wondering if you had time to check the provided example of showing bar graphs on grid.
We would like to hear your feedback.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster February 21, 2023

Hello, Michael!

We would like to know if you tried to use the proposed approach for showing bar graphs on grid.
Please let us know if such solution would work for your project.

Best Regards,
Maksym

Please login or Register to Submit Answer