or
2 answers
41 views
hello
here is the code im using to call a stock chart
which works
as soon as i uncomment the categoryAxis.labels.step line
the chart just spins out and crashes my browser tab (chrome)
can you pls enlighten me on what im doing wrong?
thx so much
here is the code im using to call a stock chart
which works
$J($chartD).kendoStockChart({ dataSource: wData, series: [{ type: "candlestick", openField: "open", closeField: "close", highField: "high", lowField: "low", categoryField: "cat", notes:{ line: { width: 2, length: 2 }, label: { font: "10px arial" } }, tooltip:{ format: "{4}:<br /> {0:n0} -- {3:n0}" } }], categoryAxis:{ categories: cats, type: "category", labels: { font: "9px arial,sans-serif", rotation: 45,// step: 0, skip: 0 } }, valueAxis: { labels: { format: "N0" } } });as soon as i uncomment the categoryAxis.labels.step line
the chart just spins out and crashes my browser tab (chrome)
can you pls enlighten me on what im doing wrong?
thx so much
Jeffry
Top achievements
Rank 1
Rank 1
answered
on
03 Jan 2014
3 answers
43 views
hi
the first one might be easier so ill start with that
1) is there anyway to get rid of the navigator?
2) in my chart i should be having 10 bars
ie, i have an array with 10 data objects
here is my code:
i have attached a text file with what console.log(wData) is
also i have a attached a screen shot of the graph
as you can see
the chart is only rendering the last object and not even correctly
because the open should be "0"
also just fyi
here is what "cats" looks like in the js console (which is correct)
Array[9]
0: "2009"1: "Workforce Headcount"2: "Direct Hire"3: "Acquisition"4: "Voluntary Termination"5: "Involuntary Termination"6: "Layoff"7: "Net Mobility"8: "2010"
pls help
thanks so much
the first one might be easier so ill start with that
1) is there anyway to get rid of the navigator?
2) in my chart i should be having 10 bars
ie, i have an array with 10 data objects
here is my code:
console.log(wData); $J($chartD).kendoStockChart({ dataSource: wData, series: [{ type: "candlestick", openField: "open", highField: "high", lowField: "low", closeField: "close" }], categoryAxis:{ categories: cats, type: "category" }, valueAxis: { labels: { format: "N0" } } });i have attached a text file with what console.log(wData) is
also i have a attached a screen shot of the graph
as you can see
the chart is only rendering the last object and not even correctly
because the open should be "0"
also just fyi
here is what "cats" looks like in the js console (which is correct)
Array[9]
0: "2009"1: "Workforce Headcount"2: "Direct Hire"3: "Acquisition"4: "Voluntary Termination"5: "Involuntary Termination"6: "Layoff"7: "Net Mobility"8: "2010"
pls help
thanks so much
Jeffry
Top achievements
Rank 1
Rank 1
answered
on
03 Jan 2014
3 answers
138 views
Hi there,
I have been working on an app that intergrates the twitter widget.
When i copy the source from the twitter config page and paste it in my view in the app.
it displays correctly in the simulator.
when i run it on my phone (android 4.2.2) the text loading tweets stays.
the text needed to be replaced when done loading.
i figgured out when i click on the "empty" view the tweets are there but i cant see them.
when i switch to an other tab and return to the twitter view it is showing correctly.
can someone help me?
tried it very long on different ways now.
I have been working on an app that intergrates the twitter widget.
When i copy the source from the twitter config page and paste it in my view in the app.
it displays correctly in the simulator.
when i run it on my phone (android 4.2.2) the text loading tweets stays.
the text needed to be replaced when done loading.
i figgured out when i click on the "empty" view the tweets are there but i cant see them.
when i switch to an other tab and return to the twitter view it is showing correctly.
can someone help me?
tried it very long on different ways now.
Kaloyan
Telerik team
answered
on
03 Jan 2014
1 answer
148 views
Consider the set of data below returned from a remote data source.
[ { activityName: "Scheduled", hourlyActivities: [ { hour: 8, activityCount: 5 }, { hour: 12, activityCount: 11 } ] }, { activityName: "Cancelled", hourlyActivities: [ { hour: 8, activityCount: 1 }, { hour: 12, activityCount: 5 } ] }]I'm trying to get a basic line chart that is grouped by activityName (displayed in legend), where the x axis is hour and the y axis is activityCount? Can I get an MVVM example on how to configure the chart and data source? I was able to achieve grouping when the data source was an array of simple objects (not grouped), but I don't know where to start when the data is grouped by the server.
Iliana Dyankova
Telerik team
answered
on
03 Jan 2014
3 answers
1.9K+ views
I am using date column in grid while in-line edit if I enter invalid date ( like "ewr") then it showing default validation message "Filedname is not valid date". But Instead of default message I need to show custom message. How can I change the message?
Nikolay Rusev
Telerik team
answered
on
03 Jan 2014
1 answer
74 views
How to enable/disable some columns on save/update from inner grid.
Alexander Valchev
Telerik team
answered
on
03 Jan 2014
1 answer
72 views
from inner grid , how to call a function..for example, when save/create operations, from inner grid. i need to call a function.
Alexander Valchev
Telerik team
answered
on
03 Jan 2014
1 answer
71 views
not able to delete inner grid row. Please help me with code.
Alexander Valchev
Telerik team
answered
on
03 Jan 2014
2 answers
86 views
Using a kendoGrid with an xml datasource and serverAggregates, defining "aggregate" throws an error "Object [object Object] has no method 'aggregates'"
I am including a code example below. It works if you remove the "aggregate: [{field: "qty", aggregate: "sum"}],".
Here is the itemReport.xml datasource:
<xml version="1.0" encoding="UTF-8">
<page>
<items>
<item itemName="testitem" qty="2" />
<item itemName="Garlic Rolls 1(dozen)" qty="1" />
<item itemName="Triple Dipper" qty="1" />
<item itemName="Classic Bacon Burger" qty="1" />
<item itemName="Classic Chicken" qty="5" />
</items>
<aggregates>
<qty>
<sum>18</sum>
</qty>
</aggregates>
<total val="7"/>
</page>
And the page source:
<!DOCTYPE html>
<html>
<head>
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" class="k-content">
<div id="grid"></div>
</div>
<script>
$(document).ready(function() {
var grid = $("#grid").kendoGrid({
dataSource: {
transport: {
read: "itemReport.xml",
cache: false
},
schema: {
type: "xml",
data: "/page/items/item",
aggregates: "/page/aggregates",
model: {
fields: {
itemName: "@itemName",
qty: "@qty"
},
},
total: "/page/total/@val",
},
serverAggregates: true,
aggregate: [{field: "qty", aggregate: "sum"}],
pageSize: 5,
serverPaging: true,
serverSorting: true,
serverFiltering: true
},
height: 450,
sortable: true,
pageable: true,
reorderable: true,
resizable: true,
columns: [
{
field: "itemName",
title: "Item"
},
{
field: "qty",
title: "Sold"
}
]
});
});
</script>
</body>
</html>
I am including a code example below. It works if you remove the "aggregate: [{field: "qty", aggregate: "sum"}],".
Here is the itemReport.xml datasource:
<xml version="1.0" encoding="UTF-8">
<page>
<items>
<item itemName="testitem" qty="2" />
<item itemName="Garlic Rolls 1(dozen)" qty="1" />
<item itemName="Triple Dipper" qty="1" />
<item itemName="Classic Bacon Burger" qty="1" />
<item itemName="Classic Chicken" qty="5" />
</items>
<aggregates>
<qty>
<sum>18</sum>
</qty>
</aggregates>
<total val="7"/>
</page>
And the page source:
<!DOCTYPE html>
<html>
<head>
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" class="k-content">
<div id="grid"></div>
</div>
<script>
$(document).ready(function() {
var grid = $("#grid").kendoGrid({
dataSource: {
transport: {
read: "itemReport.xml",
cache: false
},
schema: {
type: "xml",
data: "/page/items/item",
aggregates: "/page/aggregates",
model: {
fields: {
itemName: "@itemName",
qty: "@qty"
},
},
total: "/page/total/@val",
},
serverAggregates: true,
aggregate: [{field: "qty", aggregate: "sum"}],
pageSize: 5,
serverPaging: true,
serverSorting: true,
serverFiltering: true
},
height: 450,
sortable: true,
pageable: true,
reorderable: true,
resizable: true,
columns: [
{
field: "itemName",
title: "Item"
},
{
field: "qty",
title: "Sold"
}
]
});
});
</script>
</body>
</html>
Daniel
Telerik team
answered
on
03 Jan 2014
10 answers
391 views
I'm trying to update my kendo files to a recent release, and I am running into a couple of issues:
1) The icons stopped working. I understand that I will need new icon files. Where are these stored exactly? How do I copy them over?
2) The iOS7 status bar overlay issue is still a big problem. The footers are no longer off the bottom, so that is good, but the navigation buttons are obscured by the OS status bar stuff. Without: document.body.style.marginTop = "20px";, the page still doesn't look correct. Is it possible I simply have the wrong files? I pulled them by cloning a new project in icenium and copying the files over. They must at least be newer than the ones I was using. Top of kendo.mobile.min.js says:
* Kendo UI Mobile v2013.2.1021 (http://kendoui.com)
1) The icons stopped working. I understand that I will need new icon files. Where are these stored exactly? How do I copy them over?
2) The iOS7 status bar overlay issue is still a big problem. The footers are no longer off the bottom, so that is good, but the navigation buttons are obscured by the OS status bar stuff. Without: document.body.style.marginTop = "20px";, the page still doesn't look correct. Is it possible I simply have the wrong files? I pulled them by cloning a new project in icenium and copying the files over. They must at least be newer than the ones I was using. Top of kendo.mobile.min.js says:
* Kendo UI Mobile v2013.2.1021 (http://kendoui.com)
Kiril Nikolov
Telerik team
answered
on
02 Jan 2014
