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
11
votes
1 answer

KendoUI chart - how do I show animation while loading data?

I have a KendoUI chart generated with JavaScript. Is there a way to clear the plotArea with a command? For the purpose of showing a "Loading..." image while waiting for a DataSource to read remote data. Thanks
Katya S
  • 1,321
  • 3
  • 17
  • 31
11
votes
2 answers

Line break in category label of kendo-ui chart

I have a chart where the labels contain two parts, a name an a number. I want the number to appear below the name, illustrated by the
tag: I load the contents of the chart, and set the label in my controller: When i try to use a template on…
user1546010
  • 539
  • 1
  • 4
  • 17
10
votes
2 answers

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, GroupResult } from '@progress/kendo-data-query'; import {…
7
votes
2 answers

How to disable interactive legend of a pie chart in Kendo UI Charts?

I have craete KendoChart pie with legend. For some reason legend by default is interactive and by clicking on legend items chart enables/disables pieces of the pie. I didn't find any way to disable this behavior:…
Mando
  • 11,414
  • 17
  • 86
  • 167
6
votes
1 answer

FromBase64String fails with Kendo charts

I have Kendo charts drawn on a page and I am posting their image data to an action to save this base64 encoded data to a (SQL Server) database. Here is the exportImage call in which I first split the base64 data from the…
Andy G
  • 19,232
  • 5
  • 47
  • 69
6
votes
1 answer

How to use kendo chart data in Tooltip Template?

I'm relatively new in kendo chart. I have a chart as following; @(Html.Kendo().Chart() .Name("totalDrilledBySizeChart") .Title("Total Drilled By Size") .ChartArea(chartArea =>…
Siddik
  • 118
  • 1
  • 7
5
votes
1 answer

Kendo UI chart: adjust label amount dynamically

I have a zoomable area chart and an x-axis label for every datapoint. When the chart loads, there is way too many labels, therefor I set the step option: categoryAxis: { name: 'CatAxis', categories: graphLabels, step: 30 } But when the…
user2900970
  • 751
  • 1
  • 5
  • 24
5
votes
2 answers

Hide gridLines in Kendo UI Chart Angular 2

I am using Kendo UI Chart with Angular 2, with the Chart by default grid lines are coming, but I want to hide it. I got the class from API which is "GridLines". but where to use it that I am not getting. and also I want to hide my X-Axis. Coming…
Chaitanya Chauhan
  • 743
  • 1
  • 11
  • 28
5
votes
2 answers

How to apply flat colors effect in Kendo charts

I am using Telerik charts in my project. I am able to change the color of charts but not the style. What i mean by style is - there appears a embossed effect over all the charts(First Image). What i need to apply is flat colors(Second Image). How…
Hemalatha
  • 175
  • 1
  • 7
4
votes
1 answer

How to create kendo pie chart with model in MVC

I am trying to create a Pie chart through model and controller in MVC using Kendo UI which will show the total for two types of food but I am not able to get the results due to the attached error. Types to show in pie chart: 1)Beverages and…
Sweetie
  • 1,298
  • 6
  • 24
  • 48
4
votes
2 answers

kendo chart legend : label at left, color at right

I have kendo-chart at my js code. By default, the legend area layout is that, there is list of colors, and the right of every color - there is label with series name. I want to reverse the order: put label first, and color second, and align it to…
user5260143
  • 1,048
  • 2
  • 12
  • 36
4
votes
2 answers

Reset kendo Multi filter checkbox dataSource to reflect filtered data

I am trying to filter datasource on multiple fields. I have a Kendo Multi filter checkbox option on my grid. I initialize every Kendo multi filter for every column. After that I apply a filter using a javascipt function like this and I set the data…
renjith
  • 423
  • 5
  • 12
4
votes
2 answers

Setting Tool tip label colors on a KendoUI Pie Chart

I am using a .kendoChart() call to create my self a pie chart. seriesColors: config.colors, tooltip: { visible: true, template: function (e) { return shared.AssetClassName(e.category) + ' ' + shared.toString(e.percentage, "p0"); …
Toby
  • 43
  • 1
  • 5
4
votes
2 answers

Kendo bar chart- series labels at the top?

How to change the kendo bar chart- series labels positioning? Consider the following fiddle: http://jsfiddle.net/ZPUr4/149/ In the chart, for the positive values, the bar values are at the top and for negative values, the bar values are at the…
user2439903
  • 1,277
  • 2
  • 34
  • 68
4
votes
1 answer

How to set a category axis title dynamically?

I need to set a Kendo UI stock chart category axis and value axis titles dynamically using options or setoptions. Can any one provide me a working example?
user3475088
  • 43
  • 1
  • 4
1
2 3
29 30