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

Positioning tooltip in the kendo chart

Is there way to position tooltip in kendo chart apart from modifying CSS for class k-chart-tooltip? I want the tooltip to be positioned at the top using the kendo chart attributes. Here is the image on how it should look: Image
user2439903
  • 1,277
  • 2
  • 34
  • 68
0
votes
1 answer

Kendo Scatter Chart - Reverse Dates in xAxis?

I'm building a page with a Kendo scatter chart of data over time. The only catch is that the client wants the most recent data to the left. I've sorted the input datasource by date descending, but that seems to be blithely ignored, with the chart…
Eric Lloyd
  • 509
  • 8
  • 19
0
votes
1 answer

Modifying Kendo UI chart markers using Angular

I need to change the styling (background & size) of a Kendo UI line chart markers dynamically using Angular. I know this is possible with a function like this: markers: { background:function(e) { return 'blue'; } This works…
0
votes
1 answer

Click on y (value Axis) title label (text)

I have implemented the following code which allows user to click on y axis itself (value Axis, numeric axis) with using axisLabelClick event. chart.bind("axisLabelClick", clickEvent); chart.options.axisLabelClick = clickEvent; function…
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Remove legend color boundary

I have the following implementation. It works and functional. However, I want to remove legend color boundary which is black. I could not able to figure out how? var marker = new kendo.drawing.Path({ fill: { color: color } …
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Custom Legend Label

I have the following implementation, it works and functional. However I would like to assign fname attribute as a legend, not series attribute. I believe that I need to work on the following line of code, but I could not able to figure out yet. var…
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Bar Stack Category Column

I have the following implementation: http://jsfiddle.net/7dhb4jh0/1/ Even though I have data for men and women category, all data displayed in one column. Women category is missing. { "series": "item5", "category": "Men", "value":…
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Displaying data object in wrong category

I have the following implementation: http://jsfiddle.net/c1dfuj1s/3/ I have two catgeories : 1970 and 1975. My question is that even though I am adding a data to 1975, but it adds to 1970. { "series": "item6", "category": "1975", "value":…
mystackoverflow
  • 357
  • 1
  • 4
  • 10
0
votes
1 answer

Highlight clicked bar series

Is there any built in method in kendo when user clicks on the bar chart item, then it will highlight all corresponding items? For example in the following fiddle, there are five items. If I click item1 in the first bar (1970), it should highlight…
mystackoverflow
  • 357
  • 1
  • 4
  • 10
0
votes
2 answers

Kendo UI Charts with ASP.NET MVC - How Change text leyend by jquery?

I use Kendo 2015.1.429, MVC 4. I like change dinamically the text leyends in Kendo Chart column: In my serie I have a text hat can change any time (2016 , 2017, etc): First I have: @(Html.Kendo().Chart() .Name("ChartTest") …
Hernaldo Gonzalez
  • 1,977
  • 1
  • 21
  • 32
0
votes
1 answer

Chart Area and Legend Area automatically updates

I have a chart and implemented seriesClick event. When User clicks it loads dataA, when user click again it loads dataB. It is fully implemented and it is functional. However my question is how to fix chart area and legend area. Legend length…
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Avoid Duplicate Legends

I have the following implementation. There multiple objects (data and legend) pushed into chart to be drawn. Imagine that there are few objects' legend information are same and when I run the code there are multiple same legend information shown on…
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Method Trigger in Kendo

I have the dummy data in the following jsfiddle : http://jsfiddle.net/epvg86qu/18/ and when user clicks on the line, then it calls DetailChart_Click() method draws other data series (stats,stats2), viceversa. However when I try to implement this…
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Mouse Hover or Click Event in Line Chart

When user hovers the mouse on the #chart, then second data is drawn. However I would like to know when user hovers the mouse on the first data line by itself not #chart then second data line is drawn. function createChart() { $("#chart") …
casillas
  • 16,351
  • 19
  • 115
  • 215
0
votes
1 answer

Event does not fire up in Kendo

The mouse hover event does not fire up. I could not able to figure that out function createChart() { $("#chart") .kendoChart({ xAxis: {}, yAxis: {}, seriesDefaults: {type: "scatterLine" }, …
casillas
  • 16,351
  • 19
  • 115
  • 215