I want to add data to kendo linechart series but when I add data then kendo redraw chart with all series so it cause performance problem. Is there any way draw it one by one ? Or how can I make real time line chart with kendo ?
This is my code. It cause performance problem.
http://demos.kendoui.com/dataviz/api/benchmark.html How can do it like in this link?
BlueChart.options.series[0].data.push(bvalue);
BlueChart.redraw();
Disable the chart animation. That will help a lot. Here is a complete list of perf tips for the DataViz suite...
http://docs.telerik.com/kendo-ui/dataviz/performance-tips
Related
How can we achieve the Kendo chart combination of Area, Line, and Scatter/Bubble? I had tried a couple of options but I couldn't achieve that in Kendo.
How can we plot the below series in one chart? Is there any option to handle this scenario? or any other plugin/library suggestion?
Line
Area
Scatter/Bubble
Here is the stackblitz - https://stackblitz.com/edit/angular-kendo-chart-line-color-issue-xrwwrk
Consider the Kendo scatter chart HERE in the telerik demos. What I want is to visually separate the chart area with some background colors. As I know Kendo itself doesn't facilitate such configuration.
I'm tring to solve it within the Kendo. I guess it can be done through svg drawings. But I've never done it before. If it's really impossible is there any way to do it or is there any other scatter chart to fulfill this requirement.(saw somewhat similar thing in google charts)
I'm including the expected result as below.
I came up with this code . It does the exact thing what I want. This is the solution.
Is there any way to draw x-axis at the bottom the chart in case or negative data provided to chart. Please have a look at attached screenshot.
I think Kendo has an option to set axisCrossingValue which may help you to achieve this.
Try the example: http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-categoryAxis.axisCrossingValue
Set some very high negative value to valueAxis.axisCrossingValue.
We have a page where we are printing Kendo pie charts which is working perfectly fine. We have a facility to print these charts using default windows Print option using Windows.Print(). Issue that we have seen is that the charts which are Center aligned shifts to right while we are printing. On investingating further we understood that this is happening because the page is resizing itself while Printing but Kendo Charts are not resizing and aligning themselves in center. We explicitely refreshed the Kendo charts by adding followed by explicit refresh of Kendo Chart
$(“#Chart”).data("kendoChart").refresh();
However still we are facing challenge while getting it center aligned while printing. Has anyone faced similar challenge? Is there a workaround?
You can resize kendo chart by redraw method
$("#myChart").data("kendoChart").redraw();
I am using Telerik for Silverlight (for desktop browsers) and Kendo UI (for mobile browsers) in my data visualisation project.
Multi axis chart of types Bubble and Column works fine in Silverlight. But the same does not work in Kendo UI. Kendo just draws Column and not the bubbles. Anybody knows the way to achieve this in Kendo UI?
Please see my two images below:
Desktop Silverlight Chart
Mobile (Kendo UI) Chart
You can achieve that by creating multiple (in your case two) series. One for column and one for bubble.
Example can be found here: http://demos.telerik.com/aspnet-mvc/bar-charts/multiple-axes
If you've tried this and it doesn't work, post some code so we can debug. :)