Telerik Forums
Kendo UI for Angular Forum
0 answers
285 views

I have an array of objects I'm looking to build a stacked bar chart on,  the challenge I have is the number of stackable bars has to be variable. My data currently comes in looking like this:

 

            "agentServices": [
              {
                "servicesPerformed": 1,
                "agentId": "083a2039-bffb-4c15-9ae6-be2f4dce47ec",
                "serviceId": "8293f890-6e96-4e2e-b1c8-6879c9434024",
                "firstName": "SAMPLE",
                "lastName": "TEST"
              },
              {
                "servicesPerformed": 1,
                "agentId": "083a2039-bffb-4c15-9ae6-be2f4dce47ec",
                "serviceId": "c3453213-90d8-4aac-9473-f8b214dfb608",
                "firstName": "SAMPLE",
                "lastName": "TEST"
              }
            ]

 

I'm looking to chart the count of services performed(length of a bar stack), per service(number of stacked bars) per agentID(number of separate bars) the number of services available is end user defined, so I assume I need some sort of looping to account for that since I can't just static code a set amount of series items to account for that.

my end goal is something like this, but with more then just 2 services

Aaron
Top achievements
Rank 1
Iron
 asked on 01 Aug 2022
0 answers
142 views

Hi,

please see this forked stackblitz example for treeview filtering:

example

Type in the textbox 'sofa'. It displays the 'Sofas' , but in my opinion, it should display the 'sofa xx' too.

balazs
Top achievements
Rank 1
 asked on 28 Jul 2022
0 answers
134 views

Hello Fam,

I need to implement group aggregate in column's when the serverGrouping set to true.  Whenever the serverGrouping is true I cannot able to use the group aggregates I have bulk data so I need to group in server not client side.  I want to send the aggregates to server side whenever the api calls and get back the group aggregate calculations accordingly and then display in Angular. 

Thanks in advance!

Rama Krishna
Top achievements
Rank 1
 asked on 27 Jul 2022
0 answers
174 views

when we set a rows to 3 and set a min-height as 200px with a counter at the bottom for a kendo textarea and we start type it automatically reduces the height according to 2 rows and if we didn't set any rows the height we set is comes below after the counter part but i need the height in textarea part. Can you please find me a solution to set the height for the kendo text area?

here i share a stackblitz example for the above issue

https://stackblitz.com/edit/angular-63c7zd?file=src/app/app.component.ts

gowtham
Top achievements
Rank 1
 asked on 27 Jul 2022
1 answer
283 views
How do I add year view on Kendo Gantt Chart Angular? And is there anyway to display multiple task in a row? 
Hetali
Telerik team
 answered on 26 Jul 2022
1 answer
3.3K+ views
I am getting the same error on a dozen or so modules

Error: node_modules/@progress/kendo-angular-layout/dist/es2015/stepper/localization/custom-messages.component.d.ts:15:24 -
error TS2610: 'override' is defined as an accessor in class 'StepperMessages', but is overridden here in

'StepperCustomMessagesComponent' as an instance property. 15 protected readonly override: boolean;


Every component that has a Messages class of some sort throws it.

Have removed package-lock.json and cleaned the npm cache multiple times.

Here are the packages installed:


 "@angular/animations": "~12.2.0",
    "@angular/cdk": "^12.2.6",
    "@angular/common": "~12.2.0",
    "@angular/compiler": "~12.2.0",
    "@angular/core": "~12.2.0",
    "@angular/forms": "~12.2.0",
    "@angular/google-maps": "^12.2.6",
    "@angular/localize": "~12.2.0",
    "@angular/platform-browser": "~12.2.0",
    "@angular/platform-browser-dynamic": "~12.2.0",
    "@angular/router": "~12.2.0",
    "@auth0/angular-jwt": "^5.0.2",
    "@auth0/auth0-angular": "^1.6.1",
    "@progress/kendo-angular-buttons": "^7.0.3",
    "@progress/kendo-angular-charts": "^6.0.1",
    "@progress/kendo-angular-common": "^2.0.3",
    "@progress/kendo-angular-dateinputs": "^6.0.2",
    "@progress/kendo-angular-dialog": "^6.0.2",
    "@progress/kendo-angular-dropdowns": "^6.0.1",
    "@progress/kendo-angular-excel-export": "^4.0.4",
    "@progress/kendo-angular-grid": "^6.1.0",
    "@progress/kendo-angular-inputs": "^8.0.7",
    "@progress/kendo-angular-label": "^3.1.0",
    "@progress/kendo-angular-layout": "^6.5.1",
    "@progress/kendo-angular-pager": "^3.0.2",
    "@progress/kendo-angular-pdf-export": "^3.0.1",
    "@progress/kendo-angular-popup": "^4.0.0",
    "@progress/kendo-angular-progressbar": "^2.0.4",
    "@progress/kendo-angular-tooltip": "^3.1.6",
    "@progress/kendo-angular-treeview": "^6.0.2",
    "@progress/kendo-common": "^0.2.1",
    "@progress/kendo-data-query": "^1.5.5",
    "@progress/kendo-drawing": "^1.14.0",
    "@progress/kendo-licensing": "^1.2.0",
    "@progress/kendo-popup-common": "^1.8.0",
    "@progress/kendo-theme-default": "latest",

Svet
Telerik team
 answered on 25 Jul 2022
1 answer
135 views

Hi,

Looking at the API documentation it seems not possible to draw e.g. lines onto the map layers as described here for the jQuery component: https://docs.telerik.com/kendo-ui/knowledge-base/link-marker-to-location

Maybe it's not documented due to the state of the Angular MapComponent is "BETA"?

T. Tsonev
Telerik team
 answered on 25 Jul 2022
1 answer
309 views
I am using an icon class in the drawer items to show fontawesome icons, but every time the drawer is expanded or collapsed, it duplicates the icon on both sides of the text.  This only happens when MINI mode is true
Silviya
Telerik team
 answered on 22 Jul 2022
0 answers
87 views

Hello,

we are using telerik report viewer to build reports. to secure the report we are send JWTBearer token. It has been observed that there is huge performance degrade after sending the token while loading the report.

after removing token, the report load quickly.

could you please suggest a way to implement the scenario or provide the suitable links / sample code to refer

Abhijeet
Top achievements
Rank 1
 asked on 22 Jul 2022
1 answer
224 views

Is there an easy way to let the router link active status inform when a drawer is selected?  I read the documentation on drawer routing, but it cheats by having the initial drawer selected arbitrarily as the first one.

What if another link on the page redirects to user to a different drawer without the user actually clicking on the drawer widget?

Or what if the initial route to the page should have the 3rd item in the drawer selected and not the first?

If the current route changes in a way other than clicking the drawer, the selected drawer doesn't change unless I manually intercept every routing event in angular and then check the route against all the drawers and finding the appropriate one.  Even then there doesn't seem to be a programmatic way to change the selected drawer other than to rebuild the entire items array with a new selected item and replace the existing one.  Basically I have to recreate the router link active logic that already exists?

Or am I misunderstanding how to use this for routing?

Dimiter Madjarov
Telerik team
 answered on 22 Jul 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?