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
Hi,
please see this forked stackblitz example for treeview filtering:
Type in the textbox 'sofa'. It displays the 'Sofas' , but in my opinion, it should display the 'sofa xx' too.
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!
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

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;
"@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",
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"?
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
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?