Negative Stacked Bar Chart

0 Answers 157 Views
Charts Data Query General Discussions
Nazareth
Top achievements
Rank 1
Nazareth asked on 25 Aug 2021, 10:31 PM

Hello, 

This one is tough. 

I want to build something like this:

or:

An Alternative to Tree-Maps

 

This is my code:

<kendo-chart>
        <kendo-chart-series>
          <kendo-chart-series-item class="negative-toDo"
          type="bar"
          [gap]="0.5"
          [stack]="true"
          *ngFor="let item of negativeWorkflowsBarchartData"
          [data]="item.items"
          [name]="item.value"
          aggregate="count"
          field="workflowName"
          categoryField="project"
          >
          </kendo-chart-series-item>
          <kendo-chart-series-item class="positive-inProgress"
          type="bar"
          [stack]="true"
          *ngFor="let item of positiveWorkflowsBarchartData"
          [data]="item.items"
          [name]="item.value"
          aggregate="count"
          field="workflowName"
          categoryField="project"
          >
          </kendo-chart-series-item>
          <kendo-chart-series-item-tooltip format="Tasks count: {0}">
          </kendo-chart-series-item-tooltip>
        </kendo-chart-series>
        <kendo-chart-legend position="bottom" orientation="horizontal">
        </kendo-chart-legend>
      </kendo-chart>

 

And this is my output:

As you see I am duplicating series, I want to have one set (<kendo-chart-series-item class="negative-toDo") negative/ in the left side of the 0.

 

How I can make the count negative? can you help me, please, with the aggregate function that can make this happen?

 

 

Best regards,

Nazareth

 

Yanmario
Telerik team
commented on 30 Aug 2021, 07:02 AM

Hi Nazareth,

Thank you for the provided information.

It seems that this question is a duplicate and our team already answered it in the following private thread:

https://www.telerik.com/account/support-tickets/view-ticket/1533133

If you have any further questions, please addressed them in the private thread. Thank you.

Regards,
Yanmario Menev
Progress Telerik

No answers yet. Maybe you can help?

Tags
Charts Data Query General Discussions
Asked by
Nazareth
Top achievements
Rank 1
Share this question
or