Telerik Forums
Kendo UI for Angular Forum
0 answers
68 views

Hello,
I have a pie chart that takes data from the backend in which a query to db is made.
the back end is written in python.
in the front end through angular I recover the response of the call and assign it to the pie datasource.
unfortunately the amount of data is very large and the graph is not constructed correctly.
how can I solve this problem?
can I put at least one default zoom to the chart?

this.myService.getPieChart(name, date1, date2).subscribe(data => {
 
    this.dataSourcePieChart= data;
},
(err) => {console.log("error");});

best regard,

alex

alex
Top achievements
Rank 1
Iron
Veteran
 asked on 04 Feb 2021
1 answer
704 views

 

Hi,

I have a grid that fetches paged data from a remote data source. I have implemented a new directive, remoteGridDataBinding , that extends the GridDataBindingDirective to handle this and it works great. This directive implements the fetchRemoteData function which encapsulates all the logic required to retrieve the data from my remote service. 

<kendo-grid remoteGridDataBinding dataQuery="dataQuery"...

 

I'm now looking to implement the Export to Excel functionality. I understand that I can use the fetchData binding on the kendo-grid-excel component. I can then pass this an observable containing all the data. 

<kendo-grid-excel [fileName]="export.fileName" [fetchData]="getAllData"></kendo-grid-excel>

 

Is there anyway my getAllData function can make use of the fetchRemoteData function within my new databinding directive? 

Otherwise I would need to implement the logic for retrieving the grid's data twice. This may not seem like too much overhead initially but our application has a number of grids that would need to implement this functionality. It would be a cleaner if we could implement the remote data source call once (within a reusable directive), and then reuse this logic when I need to fetch all the grid's data before an export to excel.

 

Thanks,

Daniel

Svet
Telerik team
 answered on 04 Feb 2021
3 answers
3.5K+ views
I have a grid in angular, I would like to add a tooltip or title attribute (of html DOM) that will appear above each title and title of the columns in grid and will contain, the full text of columns title,
because sometimes the title of the column is long and partially displayed with 3 points. (For example: "Hello Worl..."),
How can I add it? Here is an example of my code in an HTML file:

<kendo-grid #grid="kendoGrid"
                [data]="gridView" id="GridID"
                [skip]="skip"
                [sortable]="{allowUnsort: true, mode: 'single'}"
                [resizable]="true"
                [sort]="sort"
                [scrollable]="{virtual: true}"
                (pageChange)="pageChange($event)"
                (sortChange)="sortChange($event)">

        <kendo-grid-messages noRecords="No rec">
        </kendo-grid-messages>

        <kendo-grid-column *ngFor="let item of gridColumnData" [headerClass]="'t-head'" [hidden]="item.hide" [field]="item.field" [title]="item.title">

        </kendo-grid-column>

    </kendo-grid>
Dimiter Topalov
Telerik team
 answered on 04 Feb 2021
1 answer
156 views
How to mark kendo-grid as table for screen readers to make it accessibile.
Martin Bechev
Telerik team
 answered on 04 Feb 2021
0 answers
224 views

I am using Kendo TreeList (ver 3.0.2) in my Angular 11 project. The TreeList is loaded with more than 25000 data at the parent level and child data is loaded with backend api call. Virtual scrolling is enabled for the TreeList and navigable option is set to true.

I have a requirement that when user performs a search operation, the application should fetch the search result and then it should expand the respective parent nodes and focus on the search result. The user shall be able to navigate through the search result one by one.

I am experiencing an issue that the Kendo TreeList is showing blank area on some randomly expanded and focused row. When I manually scroll on the view, the data get restored. Also, when I navigate to the next record and again come back to the previous record that time the view is rendered properly.

Please help.

Arijit
Top achievements
Rank 1
 asked on 03 Feb 2021
2 answers
315 views

Hi,

Is there any way to change the look and feel of the keldo-split-button? I have looked at the documentation and I do not see any examples on how to go about it.

The default look of the kendo split button it to have rectangular edges. I would like it to be wounded with a space between the button and arrow.

Regards,

Jyothi

Jyothi
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 03 Feb 2021
0 answers
157 views
Columns of the grid are not accessible in Angular while I see it is accessible for Kendo for Jquery. Can someone update is it a known issue or when the fix will be flowed in angular as well?
Nishtha
Top achievements
Rank 1
Veteran
 asked on 03 Feb 2021
3 answers
1.3K+ views
How can we change placeholder color for kendo-multiselect in angular typescript?
I have tried multiple ways but it is not getting changed.
Preslava
Telerik team
 answered on 03 Feb 2021
1 answer
243 views

https://www.telerik.com/kendo-angular-ui/components/scheduler/views/month/#toc-configuration

When viewing the monthly in the first example on the page above, it is set to June 2021.  The last full row is all July dates.  I tested a few different months and they have that issue where the last calendar row is a complete week for the next month.  How can I disable this?  I understand that it's typical to show next months days when you have current and next month on the same row such as 28/29/30/1/2/3 but this issue doesn't have that overlap, it it just displaying next months dates completely.

Martin Bechev
Telerik team
 answered on 03 Feb 2021
0 answers
129 views
I have 2 charts (of any type).
I would like to define a scroll bar for both.
and make sure when I move one to the right the other does the same. then 2 synchronized scrollbars. Is it possible to do this via some kendo attribute, widget or other?
alex
Top achievements
Rank 1
Iron
Veteran
 asked on 03 Feb 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?