This is a migrated thread and some comments may be shown as answers.

Bar Chart Embedded in Grid Cell

4 Answers 108 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Kelly
Top achievements
Rank 2
Kelly asked on 10 Feb 2020, 05:08 AM

I am trying to create a bar chart inside a grid cell that has labels on the left and values on the right. Is this possible with the Bar Chart component? (see attached file for what I am trying to have the cell look like.

 

4 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 10 Feb 2020, 08:54 AM

Hi Kelly,

You should be able to put a chart in a column template, we do that in our PWA sample app:

On the chart itself:

Are you facing any issues when you try that?

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor
0
Kelly
Top achievements
Rank 2
answered on 15 Feb 2020, 05:48 PM
Got it, thank you! Links were very helpful.
0
Kelly
Top achievements
Rank 2
answered on 16 Feb 2020, 01:01 AM
I now have a bar chart embedded in the cell, but cannot find a way to get to (or override) the path fill attribute. Setting .k-chart background-color does not solve it. Currently, the path fill is rgb(255,255,255). I want the grid row highlight color to apply. (see attached file) If I set the path fill to transparent manually, it will adopt the row highlight. How can I get the bar chart background to be transparent? 
0
Marin Bratanov
Telerik team
answered on 17 Feb 2020, 08:43 AM

Hi Kelly,

You can Follow the implementation of a background feature in the following page: https://feedback.telerik.com/blazor/1453987-expose-chart-background-setting. At the moment, this setting is not available in the chart for configuration, I'm afraid.

 

Regards,
Marin Bratanov
Progress Telerik

 UI for Blazor
Tags
Charts
Asked by
Kelly
Top achievements
Rank 2
Answers by
Marin Bratanov
Telerik team
Kelly
Top achievements
Rank 2
Share this question
or