This is a migrated thread and some comments may be shown as answers.

Chart in kendoUI for drill down

10 Answers 654 Views
Charts
This is a migrated thread and some comments may be shown as answers.
jagan
Top achievements
Rank 1
jagan asked on 17 Apr 2013, 07:49 AM
Hi Team,
 I have a requirement in which on click of kendo chart item, I want to
drill down and show new values in chart. After clicking any of the bar i want to hit the db with selected
value, fetch values then bind the kendo chart
and show the chart .  And also for example I have a
dropdownlist with different chart types such as bar,bubble,scatter as
items. on selection change i want to bind the respective chart
dynamically in kendo UI. Please provide sample code for this
2 scenarios.

10 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 18 Apr 2013, 09:05 AM
Hi Jagan,

I am afraid both of your requirements are not supported out-of-the-box in Kendo UI and in order to achieve them you need a custom implementation. I believe the following tips will be useful: 
  • By design Kendo UI Chart accepts data in JSON, JSONP and XML through the DataSource. Hence when such a dataSource is changed (filtered, sorted etc.) the Chart will automatically refresh;
  • For the dril-down functionality you may consider using the Chart's seriesClick event.

Regards,

Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
osman
Top achievements
Rank 1
answered on 31 May 2013, 09:02 AM
how can i take scatter chart xfield value when  onseries click? i am not mean e.series.xField . i want something like e.series.xField.value .
0
osman
Top achievements
Rank 1
answered on 31 May 2013, 09:03 AM
how can i take scatter chart xfield value when  onseries click? i am not mean e.series.xField . i want something like e.series.xField.value .
0
Hristo Germanov
Telerik team
answered on 31 May 2013, 09:10 AM
Hi osman,

The scatter chart have two values and you can reach them with value.x and value.y. This rule is applied for the other charts with multiple values too.

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
osman
Top achievements
Rank 1
answered on 31 May 2013, 09:21 AM
[{"name":"Weight","data":250,"date":"2013-02-10","JOBORDER":"1","DURATION":1416}]
this my json data  y field:data,  x field is date , name is weight ,  can i reach JOBORDER FROM KENDO. ANY METHOD ?. WHEN I  CLICK?
THANKS..
0
Hristo Germanov
Telerik team
answered on 04 Jun 2013, 07:47 AM
Hi osman,

We send you e.dataItem as a click event argument and there you can access the original data row. For example: e.dataItem.JOBORDER will return you 1.

Can you examine our online documentation for more information?

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
osman
Top achievements
Rank 1
answered on 04 Jun 2013, 07:51 AM
Thanks.

<script>

var mydata=[{"name":"Work","data":108404,"mach":"A"},{"name":"Reason Late","data":80121,"mach":"A"},{"name":"Work","data":2920,"mach":"C"},{"name":"manuel wait","data":138383,"mach":"C"},{"name":"Work","data":174811,"mach":E"},{"name":"Work","data":39887,"mach":"F"},{"name":"manuel wait","data":761119041,"mach":"A"}];

$('#stacked').kendoChart({
dataSource:{
data:mydata,
group: {
field:"name",
dir:"asc"
},
schema:{
model:{
fields:{
"name":{"type":"string"},
"data":{"type":"number"},
"mach":{"type":"string"}
}
}
}
},
seriesDefaults : {
stack:true
},
series: [{type:"bar", field:"data", stack:true}],
categoryAxis: {
field: "mach"
}
});
</script>

how can i can stack name  according data for each mach ?

0
Hristo Germanov
Telerik team
answered on 06 Jun 2013, 06:46 AM
Hello osman,

Can you examine this online demo and tell me if it works for you?

Regards,
Hristo Germanov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
osman
Top achievements
Rank 1
answered on 06 Jun 2013, 07:16 AM
Its not working . i will not use stack  bar  Thanks.
0
Chad
Top achievements
Rank 1
answered on 16 Aug 2013, 07:43 PM
After I upgraded to the lattest version Q2 2013 my seriesClick function no longer contains the entire original data row from the data source, it only cnotains the field defined in the series.  Any ideas?
Tags
Charts
Asked by
jagan
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
osman
Top achievements
Rank 1
Hristo Germanov
Telerik team
Chad
Top achievements
Rank 1
Share this question
or