or
2 answers
53 views
love the noteText on the stock chart
hate the circle
can i get rid of it
hate the circle
can i get rid of it
Jeffry
Top achievements
Rank 1
Rank 1
answered
on
03 Jan 2014
2 answers
42 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
44 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
144 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
151 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
2.0K+ 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
76 views
How to enable/disable some columns on save/update from inner grid.
Alexander Valchev
Telerik team
answered
on
03 Jan 2014
1 answer
74 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
72 views
not able to delete inner grid row. Please help me with code.
Alexander Valchev
Telerik team
answered
on
03 Jan 2014
2 answers
90 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
