Kendo UI Waterfall chart customization

1 Answer 13 Views
Charts
Ramesh
Top achievements
Rank 1
Veteran
Iron
Ramesh asked on 11 Feb 2022, 06:48 AM

Dear All,

I 'd created a waterfall with similar to waterfall chart given in the demo section. I would like to add a net time at the end of the chart with value starting from 0.

Please find here the dojo https://dojo.telerik.com/EgABaJiR/2

required output is like in the image below

1 Answer, 1 is accepted

Sort by
-1
Georgi Denchev
Telerik team
answered on 15 Feb 2022, 01:38 PM

Hi, Ramesh,

Thank you for the provided Dojo.

In order to render a point that starts from 0, you need to add a summary after the last record:

          {
            "name": "Running Time",
            "druation": 15
          }, 
          {
            "name": "Net",
            "summary": "total"
          }

Dojo:

https://dojo.telerik.com/@gdenchev/odoBUsoN 

Best Regards,
Georgi Denchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Ramesh
Top achievements
Rank 1
Veteran
Iron
commented on 16 Feb 2022, 04:34 AM | edited

Hello Georgi Denchev

Thanks for your answer. I know if i add summary it will start from 0. But what i need is that the last item has its own value and do not calculate from the previous one. Please refer to the picture i'd uploaded. 

Like i said, as a workaround, Is there any way to hide a column? in that way i could hide a column with same value of Net time and then start from zero. 

Please see the dojo here. https://dojo.telerik.com/EgABaJiR/5 . I managed to hide the value but not the label as shown in the picture below

In the above dojo how to hide the column?

 

If you have any idea to hide the visibility of the label and value or any other workaround like in the visual function?

Hope my question is clear. 

Thanks

Ramesh R

Georgi Denchev
Telerik team
commented on 18 Feb 2022, 04:16 PM

Hi, Ramesh,

You can skip the rendering of the particular label through the categoryAxis.labels.visual configuration, however there'll still be an empty space left as the Waterfall chart isn't designed to operate in the requested manner.

categoryAxis:{
	labels: {
                visual: function(e) {
                  let visual = e.createVisual();
                  
                  if(e.text == "Running Time") {
                    return;
                  }
                  
                  return visual;
                }
              }
            }

Dojo:

https://dojo.telerik.com/@gdenchev/IkuQAYOV 

Best Regards,

Georgi

 

Tags
Charts
Asked by
Ramesh
Top achievements
Rank 1
Veteran
Iron
Answers by
Georgi Denchev
Telerik team
Share this question
or