Questions tagged [kendo-chart]
The Kendo UI Charts use modern browser technologies to render high-quality data visualizations. All graphics are rendered on the client using Scalable Vector Graphics (SVG) with a fallback to Canvas.
425
questions
0
votes
1
answer
16
views
Kendo Chart not performing as expected
My understanding of Kendo bar charts in series is that the data value should sum up per item, but in this screen shot each set of bars is an interval, and based on interval 1 input data I should have ...
-2
votes
0
answers
15
views
How to remove unnecessary dates from column in kendo chart angular?
I am using kendo-chart for displaying some data on y-axis and x-axis. Y axis is for data(value) and x-axis if for date . I have used kendo-chart-category-axis for data to display over axis. I have ...
0
votes
0
answers
46
views
kendo angular - how to display different label than the value?
I've got a vertical bar chart that I'd like to show, but instead of values I'd like to show labels on the bar itself, and replace it's value (number) with custom text. But I can't find anything in ...
0
votes
0
answers
16
views
Why does this bar chart refresh when the others do?
I'm sorry for not being good at English.
Using the KendoUI React demo, I've encountered a weird issue with the bar charts.
I gave each chart an interval of 3, 5, or 10 seconds, intending that each ...
0
votes
1
answer
22
views
Is there a project/library for building Kendo chart run-time editor?
I'm sorry if my title isn't clear but I wasn't quite sure how to phrase this question in that small space. What I'm wanting to do is provide users the ability to build data visualizations within my ...
0
votes
0
answers
54
views
Kendo line chart tool tip not showing properly
I am working on net mvc app and I am using kendo 2019.1.115 version. My problem is, in my line chart the mouse pointer is not coordinate correctly with the data displayed on the chart, the dot is ...
0
votes
0
answers
29
views
Warning: Can't call setState on a unmounted component (Reactjs-functional Component, KendoReact)
can you help me with this warning?
I just wrote a bit of code that "probably" relates to that. I'm using KendoReact Chart Component,
on the donut chart there is a feature to write something ...
0
votes
0
answers
20
views
Kendo Chart - Selection as Navigator is not working - Slider Pane Range for X-Axis is not visible
I have used Kendo Chart Line Graph as a component in Angular. In this case as I have many data range has to be shown on the graph, I used a 'Selection as Navigator' tool to filter the number of count ...
-1
votes
1
answer
141
views
Change CSS Angular Kendo Chart - Set style which the line is of value 0
I would like to change the CSS style of the grid line in which the value is zero.
How can I do?
My chart:
I would like to create a chart like this:
0
votes
0
answers
12
views
Multiple X Axis in KendoReact
Is it possible to have two X axis, one on the top, and one on the bottom, in KendoReact?
I'm aware you can have 2 Y axis, but how would you go about doing it for X axis?
0
votes
0
answers
65
views
Why kendo chart is rendering two times?
I have kendo chart with dynamic data and data load based on date selection when i set daily data i'm showing daily data when i set range weekly showing weekly ... like this. I'm using baseUnit ...
0
votes
0
answers
105
views
How to show loading indicator on kendo angular charts
I have kendo chart and i want to show loading indicator before data load. I used render function but cannot achieve? How can i show load indicator?
Here is my example on Stackblitz
0
votes
0
answers
76
views
How to translate Angular kendo chart axis title?
I am using a kendo chart component and am trying to translate the axis title.
I am using the classic i18n approach with .xlf files.
Any idea how I could do it?
<kendo-chart-category-axis>
...
0
votes
0
answers
61
views
UI blocking return of web API call
We are using Angular to present a number of Kendo charts and a Kendo dialog to save the user's email address (via a call to a .Net-Core web-API) as follows
kendo-dialog.html
<kendo-dialog ...>
&...
0
votes
0
answers
96
views
Kendo ScatterChart now showing values
I have kendo scatter chart with 2 y-axis . I'm using kendo angular charts . When i try to bind my data i cannot see values and x-axis shows weird numbers instead of datetime values.
Here is my hourly ...
1
vote
2
answers
394
views
Top position for Kendo chart series item label
I have Kendo column chart with multiple series per category.
I'm trying to put Kendo chart series item labels on top regardless of value. By default, it's put in the end of chart item. So for positive ...
0
votes
1
answer
54
views
kendo chart category axis item labels - Set highlighted labels has wrong alignment
I'm using kendo chart to render out the charts and I want specific labels to be displayed as a bold text, So for that I'm using visual method which help me customize label and render with createVisual(...
10
votes
2
answers
694
views
Multiple labels per item on Kendo chart
I'm trying to get multiple label per item on Kendo Column chart
Desired layout looks like this
I was able to get only this layout
import { Component } from '@angular/core';
import { groupBy, ...
0
votes
1
answer
99
views
kendo-chart-tooltip generating script error Uncaught TypeError: background.isDark is not a function
enter image description hereI have created a kendo chart with a kendo-chart-tooltip.
Platform Angular 5
However the kendo-chart-tooltip is not working and generating a script error in the console.
...
0
votes
0
answers
107
views
Kendo UI range bar chart with Angular
I need help for making a kendo range-bar chart, with 5 elements on the y axis and a range of date (dd-MM) in the x axis.
I've searched for an answer for days but I'm still stucked in my problem, I'm ...
0
votes
0
answers
89
views
Angular 12 kendo Stacked Chart show only total or Sum
I'm showing individual values in the tooltip. How can I show only sum/total for stack chart at top of the bar?
<kendo-chart style="height:350px;">
<kendo-chart-title text="...
-1
votes
1
answer
143
views
kendo-angular-chart not found dependency kendo-charts-1.19.1.tgz
does anyone have the same problem with kendo-chart?
I'm trying to install kendo-angular-chart and i have this issue:
npm install
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs....
0
votes
1
answer
125
views
Kendo MVC chart - how do I show animation while loading data?
I have a Kendo chart generated with asp.net core. Is there a way to have a loading indicator on the MVC chart? while waiting for a DataSource to read remote data.
Thank You.
0
votes
0
answers
191
views
Formatting x-axis labels in Kendo Charts for Angular
I have specific requirements for the X-Axis Labels.
the last column should by styled differently (with a box in the background)
depending on the value - I might need to render a 2nd line (i.e. the ...
0
votes
0
answers
177
views
Kendo Charts for Angular: Kendo Chart data gets cut off at the top
For some reason the data in my kendo charts get cut off at the top. As you may see below.
I've attempted multiple fixes like looking for ways to implement padding. But failed. The best solution I've ...
1
vote
0
answers
64
views
Kendo for jQuery: Load data to chart without k-rebind
I'm working with chart from Kendo for jQuery (in AngularJS project) and am trying to fill the chart with relatively big amount of data (cca 10 000 items) loaded from backend. Currently my HTML looks ...
0
votes
1
answer
69
views
Kendo UI Charts - Diplay text instead of value in yAxis labels
Is there any way to display a label other than the value in the Value Axis in Kendo Chart?
What I want is the right image's labels instead of the left one's (the original).
<!DOCTYPE html>
&...
0
votes
0
answers
76
views
Angular Kendo chart Plot Bands after zoom in / zoom out
I have an Angular kendo chart, where I use the "[plotBands]" attribute, in order to have some part of my chart in another color. You can see it in the attached image.
If periods are ...
0
votes
1
answer
266
views
Kendo chart grouped series sort issue
I am using Kendo chart to display grouped series in ASP.net MVC project. Chart is sorting the series based on UserName field as a default. I have a requirement to display UserName field in Legends but ...
0
votes
1
answer
180
views
Is it possible to add new incoming data to series for Kendo UI Bubble Chart?
I have a bubble chart and read data using ajax with getData() method. It is ok for first time but i woukd like to add new incoming data to chart in setInterval method. There are the way chart....
1
vote
0
answers
232
views
Angular Kendo Charts horizontal scrollbar
I would like to add a horizontal scrollbar so that I can clearly view all the graph data.
for example:
if I had all 12 months of the year I would like to see those of 2019 and then with the scroll bar ...
0
votes
1
answer
324
views
How to customize category field text in kendo chart
I'm trying to customize the category field text of my Kendo Chart.
The text is too long so I wanted to make part of it bold to distinguish what was written
The Chart looks like this: What I have now
...
-1
votes
1
answer
118
views
how to create a function that starts at the click event of the pie chart
how to create a function that starts at the click event of the pie chart?
i would to pass the selected item to a function
<kendo-chart-series>
<kendo-chart-series-item
type=&...
0
votes
1
answer
1k
views
How to set chart series color
How to set chart series color?
I would like to set the color of pie chart item
<kendo-chart-series-item
type="pie"
[data]="source"
field="value"
[color]...
2
votes
0
answers
466
views
kendo chart dynamic series from category, value, seriesName
I am using asp.net mvc 5 and KendoUi charts.
I want to create line chart that vertical axis is Poulation, horizantal axis is Year and for each country add series. Country List is not fixed.
how can i ...
0
votes
1
answer
610
views
Kendo UI for Angular Chart Get Selection?
I'm using Kendo for Angular and I can't seem to get the selection. What I want seems like it should be simple. I have a scatter line chart that is populated by points. I would like the user to be ...
0
votes
1
answer
518
views
kendo chart refresh data not change
I'm using a Kendo Chart, the first call works fine but when I call refresh_interval 5000 is called, the charts doesn't update. he updated data is displayed on the console.
brings back the old results ...
1
vote
0
answers
54
views
How to customize the LabelConnectors based on a given value - Kendo UI
I'm trying to create a custom function to show the LabelConnectors only when a given value is less than x. Is there any way to do it?
I'm using Donut Chart with the Connectors
Charts API (https://www....
0
votes
0
answers
199
views
scatter line add space before `0` on the y-axis and x-axis
I am using a kendo chart to display a scatter plot. Most of the data lie at zero levels and that gets almost hidden in the x-axis line.
Is there an option to make more space before the 0 on the y-axis ...
0
votes
1
answer
279
views
Type 'Element' is missing the following properties from type 'Group': children in Kendo UI Charts Drawing at e.createVisual()
I used the function below in Angular 10 for Kendo Charts drawing on Donut Chart
public visual(e: SeriesVisualArgs): Group {
// Obtain parameters for the segments
this.center = e.center;
...
0
votes
1
answer
59
views
Kendo chart - zoom ruins the axis values
I'm trying to create a scattered chart with Angular-Kendo,
and have some challenges with zooming.
The current challenge is that upon zoom in by area selection with the mouse.
It does the zoom ...
1
vote
2
answers
1k
views
Kendo chart- Change categoryAxis Labels position as per the data value
I am displaying Kendo column chart. I have a requirement to change categoryAxis labels positions as per the negative and positive value so that they don't overlap with the bars. Like the one in below ...
0
votes
0
answers
235
views
Kendo Pie chart set color according to percentage value
I want to implement a pie chart in Kendo UI. The chart should display filled colors according to the percentage value. For example, the value 100% should fill the whole wedge, 50% should fill half of ...
0
votes
1
answer
315
views
Drawing target line (plotLine) on Kendo Angular Pie Chart
Is it possible to draw a target line on pie chart?
For example, goal is 90% but installed is 70% and not-installed is 30%. I need to show the goal as dotted line as shown in the image below.
0
votes
2
answers
816
views
Kendo Angular Donut Chart styling appears to switch randomly
I am currently working on a Kendo UI donut chart in an Angular project.
The chart works great functionally, but the styling of the chart is giving me some trouble.
Right now, the chart keeps ...
0
votes
1
answer
316
views
KendoUI for jQuery - Chart dataBound event does not work
Here's a simplified example of my data:
[{"Name": "Bob", "Count":3}, {"Name": "Steve", "Count":5}]
What I want is a chart title of: Total FOO: 8. So the title must be based on the data. The data is ...
0
votes
1
answer
118
views
Kendo Chart PDF/Image Export- Special characters html decode issue
My code displays the Kendochart correctly. But when I export(pdf/image) the chart, the < and > symbol is not getting decoded. Displays as < and > . Please see the screenshot of the ...
1
vote
0
answers
44
views
Chart working only in chrome, not in other browsers
I'm using a kendo chart to show the time format. My code as follows, I'm following their documentation to do that. its as follows. Kendo Display Time on Value Axis
<div id="chart"></div>
&...
1
vote
1
answer
189
views
Remove text label in Kendo radar charts
I'm trying to remove a label text in my Kendo radar chart, illustrated by the red box on the image below.
Does anyone know how to remove these informations from my chart?
Thanks in advance.
1
vote
0
answers
356
views
Uncaught TypeError: Cannot read property 'createCrosshairTooltips' of undefined - Kendo chart angular
In production environment, I got this error as stated on the title on Kendo bar chart and the chart does not appear.
What can i do to solve this issue?
I tried to remove <kendo-chart-category-axis&...