Stack Overflow
Stack Overflow

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.

Kendo UI Charts support the following series types:

  • Bar and Column
  • Line and Vertical Line
  • Area and Vertical Area
  • Bullet
  • Pie and Donut
  • Scatter
  • Scatter Line
  • Bubble
  • Radar and Polar

Advantages

  • To Generate chart in UI, library is used HTML, JavaScript, Jquery and CSS.
  • Also support older version of IE.
  • Good forum and stackoverflow support.
  • Rich client side API like: Events, Methods and Properties.
  • We can create our custom theme by using this link.

Disadvantages

  • Now this library is paid.

Useful links

Related tags

437 questions
2
votes
1 answer

how to show x-axis values at top instead of bottom in kendo chart

I want to move x axis at the top for range bar chart in kendo chart for angular 2 sample chart I am using https://www.telerik.com/kendo-angular-ui/components/charts/series-types/range-bar/
Vishal Gund
  • 29
  • 1
  • 9
2
votes
1 answer

Kendo Angular Chart Legend Colors

I have a Kendo for Angular column chart where we change the colors. The colors of the bars changed, but the Legend is still showing the default colors. Anybody know what Im missing? https://stackblitz.com/edit/angular-8smzaw
Nick Wilczynski
  • 33
  • 2
  • 5
2
votes
2 answers

How to remove horizontal GridLines from Kendo bar / column chart?

I want to remove horizontal Gridlines from background of the chart. I am able to remove vertical gridlines successfully. majorGridLines: { visible: false} hides gridlines for y axes. If I use same code to hide xAxes gridlines, it wont hide it.…
newdeveloper
  • 1,401
  • 3
  • 17
  • 43
2
votes
1 answer

Bar for Kendo Column Chart does not show if the data is relatively small -- Kendo Angular Chart

I came across a scenario where if the data set has a value which is much smaller than other values, then the vertical bar doesn't show up but this is not with Bar Chart. For bar chart horizontal bar appears on the chart. Although Legends appears for…
Amit
  • 1,460
  • 1
  • 14
  • 39
2
votes
0 answers

Kendo Chart sort dir "asc/desc" not sorting

I have a data array containing objects with two fields, date_time and sale_quantity. In my data source I explicitly set date_time type to date. When I change the sorting on date_time (ASC/DESC), it doesn't change the resulting chart. var dataSource…
Arthur Rey
  • 2,990
  • 3
  • 19
  • 42
2
votes
2 answers

Kendo UI angular - Rotate labels of x-axis in bar chart

I am trying to rotate labels of x-axis in smaller screens to make sure that labels do not overlap each other. CODE
Shreenil Patel
  • 1,054
  • 1
  • 9
  • 20
2
votes
1 answer

How to make Kendo chart legend with circle icon?

I am seeing other answers but it's in triangle shape. What I really need is to do a circle icon like in the picture below: I tried customizing the "kendo.geometry.Rect" in this Dojo example by the Circle Geometry API. But I need help in…
Xawi Leones
  • 157
  • 2
  • 12
2
votes
0 answers

Kendo chart - data from series at tooltip

I create chart and I have problem with connect series data with tooltip. I created array, like below which i fill data. for (var i = 0; i < ChartData.SeriesList.length; i++) { Series.push({ data:…
Jacek
  • 21
  • 2
2
votes
2 answers

Is it possible to remove the Labels which are "zero" in Kendo pie chart?

Is it possible to remove the kendo pie chart label which are displaying "0%". But we can display the legends though there are no data for that. Below is a link which displays "0%" for Rain. http://dojo.telerik.com/ewALo Please suggest me with…
Karthik
  • 65
  • 1
  • 10
2
votes
1 answer

kendo ui stacked bar chart datasource grouped not in order

I've created a Stacked bar chart with Kendo ui, here: http://jsfiddle.net/Came19xx/t06zq2nr/4/ my problem is that chart put values not in order. In my Datasource, i have an "open" and a "suspended" value, like that: var data2 =…
Came19xx
  • 72
  • 7
2
votes
1 answer

Cant get a grouped kendo ui column chart to hide when some items in group don't have a value

I've been trying to get a telerik kendo ui column chart to display grouped data but where the groups might not have entries for all possible values and I don't want to show space/empty columns in these empty cases. Telerik dojo of problem Is anyone…
James Sinclair
  • 397
  • 5
  • 16
2
votes
0 answers

Kendo UI Chart in AngularJS not resizing on initial load

We have already looked at Kendo UI chart not resizing question. The basic structure of our dashboard is like this: Panelbar (multiple: true) table panel (default active state) table panel with tabstrip ~9 tabs panel with tabstrip with 4 tabs…
William Miao
  • 41
  • 1
  • 5
2
votes
3 answers

how to remove decimal places in kendo chart y-axis

I am trying to remove kendo chart "Y-Axis decimal place" after pannable & Zoom in/ out Actual chart loaded After zoom in & pannable How can i remove the decimal values from the y-axis, i tried to set the "Y - axis label format.. but its don't…
Prasad Raja
  • 685
  • 1
  • 9
  • 37
2
votes
1 answer

Kendo angular 2 line chart, need index of category axis inside series item

I'm creating a kendo ui angular 2 line chart that displays a number of purchases per account on a specific date. The incoming data is in the following form: lineData = { categories: [ 11/27/2016, 11/28/2016, 11/29/2016, 11/30/2016 ], // strings…
natep
  • 126
  • 4
  • 13
2
votes
1 answer

while converting kendo charts to pdf it draw lines on pdf charts

this is my jquery function in which i am getting kendo chart div element and appending it to a string after converting it to dataUrl , the probelm is that when i convert it to pdf the converted pdf picture has some sort of lines as shown in picture.…
Khalid Zubair
  • 141
  • 2
  • 9
1 2
3
…
29 30