Hi,

I'm trying to create a area chart where I can stack data in separate groups . What I see is that if stack is set to true, all the series are put on a single stack, irrespective of the stack-name assigned. But if I change one of the groups to bars, then the area-bar combination renders correctly. I've also tried to move one of the groups to a different axis, but with the same result .

Please have a look at the attached sample. There are two buttons at the bottom of the chart to toggle between 2 stacked area charts & 1 stacked area + 1 stacked bar chart combination . 

 

Best Regards

 Achilles

I bought this program for this calendar at the bottom

http://www.telerik.com/kendo-ui/calendar

It's so beautiful I have to have it!  But I'm stuck here

 If my product is installed, how do I open it?  How do I use it?  Help?

I'm really very technologically savvy but quite befuddled with this one.

 ​

Hi,

I have a kendo grid in which i have filtering enabled. I have a check box,and when i uncheck it,i want the filtering to be disabled. And similarly,when i check it i want to enable it. How can i achieve it?

Regards,
Khushali

Hi,

(I use the following components: Kendo UI Professional, Angular JS, ASP.NET WebAPI with OData)

I have to build a grid that contains rows of articles. It is necessary that I have a autocomplete Box for the article number and the article description. 
The values for the articles(key, number, description) get loaded from an OData API. The challenge is that,
if I select an article number that the description must be selected equivalent. Same the other way round.

Does anyone know a nice workflow for this, from my knowledge this can only be done using JQuery, what I want to avoid as far as I can use Angular.

Thanks!

Hello,

I am having a little problem. I am using the kendo grid widget and i use local array as my datasource. I am using batch editing. Whenever UnitPrice is modified, local array is updated and datasource read function is called to refresh the grid. The problem is the last row seems to have the dirty flag. I dont see any problem with what i am doing. Could you tell me why the last row has dirty flag?

I have created an example snippet in the following location.  I've also attached the file. http://dojo.telerik.com/@bat-erdene/EBego/2

The Kendo Grid Column MinScreenWidth setting works really well for grids taking up the full screen width (i.e. columns can be dynamically hidden/displayed as the screen width is shrunk/expanded)

However, I'm running a Kendo Grid inside a Kendo Splitter, and I'd like the grid to exhibit the same kind of functionality when the splitter width is varied.

Does anyone know of a way to achieve this?

Regards,

Chris

I try to used Telerik.Web.UI -> RadHtmlChart and RangeBarSeries to implement chart as in attachment.



I have problem with FromField and ToField. This fields have DECIMAL type but i need DATETIME type.
Also i need to create "stacked" chart: all series located in the same column for specific category


If i used kendo i gain what i want (but i need use RadHtmlChart):


<script>
var data = [{
id: 1,
line: "Line1",
from: new Date("2014/01/01 11:30").getTime(),
to: new Date("2014/01/01 14:45").getTime(),
valueColor: "red"
}, {
id: 2,
line: "Line2",
from: new Date("2014/01/01 09:30").getTime(),
to: new Date("2014/01/01 09:45").getTime(),
valueColor: "green"
}, {
id: 3,
line: "Line2",
from: new Date("2014/01/01 09:45").getTime(),
to: new Date("2014/01/01 10:00").getTime(),
valueColor: "blue"
}, {
id: 4,
line: "Line2",
from: new Date("2014/01/01 10:00").getTime(),
to: new Date("2014/01/01 10:15").getTime(),
valueColor: "red"
}, {
id: 5,
line: "Line2",
from: new Date("2014/01/01 10:15").getTime(),
to: new Date("2014/01/01 14:00").getTime(),
valueColor: "green"
}, {
id: 6,
line: "Line2",
from: new Date("2014/01/01 15:15").getTime(),
to: new Date("2014/01/01 15:30").getTime(),
valueColor: "red"
}, {
id: 7,
line: "Line2",
from: new Date("2014/01/01 15:45").getTime(),
to: new Date("2014/01/01 16:00").getTime(),
valueColor: "red"
}];
$("#chart").kendoChart(
{
dataSource:
{
data: SqlDataSource1,
group: {
field: "id",
dir: "desc"
}
},
series:
[{
type: "rangeBar",
gap: 0.1,
fromField: "from",
toField: "to",
categoryField: "line",
spacing: -1,
colorField: "valueColor",
name: "Category: #: group.items[0].field #"
}],
valueAxis:
{
min: new Date("2014/01/01 08:00").getTime(),
max: new Date("2014/01/01 17:00").getTime(),
majorUnit: 60 * 60 * 1000, // 60 minutes in milliseconds
labels: {
template: "#= kendo.toString(new Date(value), 'HH:mm') #"
}
},
legend:
{
visible: true
}
});
</script>

When a TabStrip is used with bootstrap theme the widget switches to the first tab for a short period when selecting a tab in IE11.

To reproduce the issue try the basic example in http://demos.telerik.com/kendo-ui/tabstrip/index and select bootstrap theme.

 ​

I am trying to create a page that asks generally when someone would be available during a work week independent of the actual day of year.  I would like to modify the work week schedule view to only have Mon, Tue, Wed, Thu, Fri in the header vs/ Mon M(onth)/D(ay), Tue M/D, ...

 How do I remove the M/D value and only keep the Day of Week abbreviation?

 

Thanks,

 John

Hi, 

 Is there an example of using the Grid with angular and signalR ? There is a example for Grid w/ angular and Grid w/ signalR but not both. Thanks.

 SJ