I'd like to change the stroke colour of a stack in my bar chart.
Ideally I aim to make it totally hidden (it's essentially a filler and is required to be present in the chart, but not visible. Sounds odd I know, but there you go).
In the snippet below the stack Bravo has two sets of data. Charlie and Delta. Charlie is the 'hidden' data, it helps prop up Delta. I can make it invisible by setting the color to 'none' and I can hide it from being in the legend.
But, it still has a black outline (stroke) and I'd like to remove that.
I would also like to remove the tooltip for Charlie, but retain it for all the other data.
Any help would be appreciated. Thanks.
This is a snippet of my code:
series: [{ colorField: "valueColor", name: "Alpha", stack: "Alpha", data: "[value,value,value]" }, { name: "Charlie", stack: "Bravo", data: "[value,value,value]", color: "none", visibleInLegend: false }, { name: "Delta", stack: "Bravo, data: "[value,value,value]", color: "#dcdcde"}]
Hello,
I'm posting this not directly as criticism, but rather hoping to glean some feedback from the community at large. It *seems* to me that each release of the Kendo (and ASP.Net MVC) product lines are riddled with problems which require multiple hotfixes almost immediately after release. It just feels that the quality and stability of these two products from a release standpoint is far less than what I have experienced with other Telerik products in the past.
Does anyone else in the community feel this way - can anyone in Telerik speak to this for me, or am I simply not understanding the process?
Thank you,
John
Hi
As you can see here:
http://dojo.telerik.com/AhUXU
it's not possible to remove/delete the file, after the upload fails - fires error event.
How can i remove this file? It's only show the "refresh" action... but i need both "refresh" and "remove" or just the "remove" action.
Regards
Werner
Hi There,
I have tried following function to save the grid value on Enter click.
$("#tvmModuleGrid table").on("keyup", "tr", function (e) {
var grid = $("#tvmModuleGrid").data("kendoGrid");
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13) { //Enter keycode
$(e.srcElement).closest("tbody").focus();
setTimeout(function () {
grid.saveRow();
})
}
})
: I have also tried the same on keydown event, and also tried gridEdit mode before firing the saveRow.
Please let me know what I'm missing. I have read and tried a lot of option for this. I'm looking forward to your response.
Thanks,
Jitender
Hi
I have a query on Paging and Virtualization remote data feature.
I was going through below link-
http://demos.telerik.com/kendo-ui/grid/virtualization-remote-data
I have added pageable: true and pagesize:10 in this example like below-
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
serverPaging: true,
serverSorting: true,
pageSize: 10,
transport: {
read: "//demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
}
},
height: 543,
pageable: true,
scrollable: {
virtual: true
},
sortable: true,
columns: [
{ field: "OrderID", title: "Order ID", width: 110 },
{ field: "CustomerID", title: "Customer ID", width: 130 },
{ field: "ShipName", title: "Ship Name", width: 280 },
{ field: "ShipAddress", title: "Ship Address" },
{ field: "ShipCity", title: "Ship City", width: 160 },
{ field: "ShipCountry", title: "Ship Country", width: 160 }
]
});
});
Now
grid loads all 830 rows of Orders and then displays first 10 rows. Can
you please explain me how paging and virtualization functionality works
here.
I am trying to achieve below scenario-
On first load of grid, it will fetch & show only first 10 rows from dataSource
When user clicks on next page then it should fetch next 10 rows and so on.
Is this scenario possible to achieve with your paging and virtualization features?
Cheers
Sanket
Following link is working code jsfiddle sample authored (I believe) by one of Kendo own developers
I took the sample in it's entirety and copied it into VS2013 test project.
When I run it: grid shows up correctly, exactly like in jsfiddle sample, when I select grid row event "on change" is firing correctly as well.
But in "change" event in my version variable id is "undefined"!
I can't figure out what's wrong and will appreciate any help or advise. Thanks!
change: function () { var row = this.select(); // this variable is (context: undefined, length: 1, selector:">tbody>tr.k-state-selected, " var id = row.data("id"); // id is undefined in my copy but works in jsfiddle! $("#log").html("selected row with id= " + id + " , for ShipName = " + dataSource.get(id).get("ShipName"));}My<script> and <style> tags:
link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css" />
<link href="./js/kendopro/styles/kendo.common.min.css" rel="stylesheet" />
<link href="./js/kendopro/styles/kendo.default.min.css" rel="stylesheet" />
<link href="./js/kendopro/styles/kendo.silver.min.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>
<script src="./js/kendopro/js/kendo.all.min.js"></script>
Hi folks,
I am experiencing the following problem: in my scenario I have a grid, which loads data, based on a date interval picker. I have decided to enable client side paging as the requested data can be around 2000 up to 10000 rows. My paging options are the following:
vm.gridOptions = { sortable: true, filterable: true, groupable: true, scrollable: true, reorderable: true, resizable: true, pageable: true, pageable: { pageSizes: [50, 100, 500, 'all'], buttonCount: 5, },and in the dataSource of the grid I have specified pageSize as 50, because I was observing some strange behavior.
So to explain the problem: when I load data for some interval and for example receive 600 elements, when "ALL" is selected as option it display all the data on one page. After that if I leave all as pageSize and extend the interval for the grid and more data is received in the datasource (lets say 900 elements), the pageSize becomes the old value of ALL - 600, two pages appear and the second page contains the rest of the data (300 elements).
As you can see from the images provided, if the next loaded period doesn't contain any information, the pageSize still remains with the last value of All. Just to mention that we are talking about an angular app (v1.4.4) with Kendo UI v2015.3.930. Thank you in advance.
I'm trying to get the grid working with a .NET MVC OData endpoint.
I've found that the grid always encodes the data as application/x-www-form-urlencoded but in the request gives the content type as application/json and therefore .NET fails to deserialise.
Is there any way to get the grid to encode as json (a work-around is to set transport.update.contentType = 'application/x-www-form-urlencoded; charset=UTF-8').
It seems very odd that everyone is expecting (and asking for) json but the grid refuses to produce anything other than x-www-form-urlencoded.
Hi,
I'm only just starting out with Kendo UI and one of my first tasks is to build a Stacked Bar chart. I'm hoping you guys can help me out with a few issues I'm having.
Firstly, here's a link to an example of what I currently have: http://dojo.telerik.com/Ajido
Issue 1: I have three values for my stacks: Alpha, Bravo and Charlie. Charlie is type 'line'. But, in stacks 2 and 4 I don't have a value and want to suppress the Charlie marker. From examples online, I've seen that setting the data to 'null' should suppress the marker. Unfortunately, this doesn't work for me.
Is this a limitation when using 'line' type in a Stacked chart? Or am I missing something?
If I can resolve this issue, then I'll ask about the next one!
Thanks